/* ------------------------------------------------------------------------------------------------- It's *strongly* suggested that you don't modify this file. Instead, load a new stylesheet after this one in your layouts (eg formtastic_changes.css) and override the styles to suit your needs. This will allow you to update formtastic.css with new releases without clobbering your own changes. This stylesheet forms part of the Formtastic Rails Plugin (c) 2008 Justin French --------------------------------------------------------------------------------------------------*/ /* NORMALIZE AND RESET - obviously inspired by Yahoo's reset.css, but scoped to just form.formtastic --------------------------------------------------------------------------------------------------*/ form.formtastic, form.formtastic ul, form.formtastic ol, form.formtastic li, form.formtastic fieldset, form.formtastic legend, form.formtastic input, form.formtastic textarea, form.formtastic select, form.formtastic p { margin:0; padding:0; } form.formtastic fieldset { border:0; } form.formtastic em, form.formtastic strong { font-style:normal; font-weight:normal; } form.formtastic ol, form.formtastic ul { list-style:none; } form.formtastic abbr, form.formtastic acronym { border:0; font-variant:normal; } form.formtastic input, form.formtastic textarea, form.formtastic select { font-family:inherit; font-size:inherit; font-weight:inherit; } form.formtastic input, form.formtastic textarea, form.formtastic select { font-size:100%; } form.formtastic legend { color:#000; } /* FIELDSETS & LISTS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset { } form.formtastic fieldset.inputs { } form.formtastic fieldset.buttons { padding-left:25%; } form.formtastic fieldset ol { } form.formtastic fieldset.buttons li { float:left; padding-right:0.5em; } /* clearfixing the fieldsets */ form.formtastic fieldset { display: inline-block; } form.formtastic fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } html[xmlns] form.formtastic fieldset { display: block; } * html form.formtastic fieldset { height: 1%; } /* INPUT LIs --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li { margin-bottom:1.5em; } /* clearfixing the li's */ form.formtastic fieldset ol li { display: inline-block; } form.formtastic fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } html[xmlns] form.formtastic fieldset ol li { display: block; } * html form.formtastic fieldset ol li { height: 1%; } form.formtastic fieldset ol li.required { } form.formtastic fieldset ol li.optional { } form.formtastic fieldset ol li.error { } /* LABELS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li label { display:block; width:25%; float:left; padding-top:.2em; } form.formtastic fieldset ol li li label { line-height:100%; padding-top:0; } form.formtastic fieldset ol li li label input { line-height:100%; vertical-align:middle; margin-top:-0.1em;} /* NESTED FIELDSETS AND LEGENDS (radio, check boxes and date/time inputs use nested fieldsets) --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li fieldset { position:relative; } form.formtastic fieldset ol li fieldset legend { position:absolute; width:25%; padding-top:0.1em; } form.formtastic fieldset ol li fieldset legend span { position:absolute; } form.formtastic fieldset ol li fieldset ol { float:left; width:74%; margin:0; padding:0 0 0 25%; } form.formtastic fieldset ol li fieldset ol li { padding:0; border:0; } /* INLINE HINTS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; } /* INLINE ERRORS --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li p.inline-errors { color:#cc0000; margin:0.5em 0 0 25%; } form.formtastic fieldset ol li ul.errors { color:#cc0000; margin:0.5em 0 0 25%; list-style:square; } form.formtastic fieldset ol li ul.errors li { padding:0; border:none; display:list-item; } /* STRING & NUMERIC OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.string input { width:74%; } form.formtastic fieldset ol li.password input { width:74%; } form.formtastic fieldset ol li.numeric input { width:74%; } /* TEXTAREA OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.text textarea { width:74%; } /* HIDDEN OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.hidden { display:none; } /* BOOLEAN OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.boolean label { padding-left:25%; width:auto; } form.formtastic fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; } /* RADIO OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.radio { } form.formtastic fieldset ol li.radio fieldset ol { margin-bottom:-0.6em; } form.formtastic fieldset ol li.radio fieldset ol li { margin:0.1em 0 0.5em 0; } form.formtastic fieldset ol li.radio fieldset ol li label { float:none; width:100%; } form.formtastic fieldset ol li.radio fieldset ol li label input { margin-right:0.2em; } /* CHECK BOXES (COLLECTION) OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.check_boxes { } form.formtastic fieldset ol li.check_boxes fieldset ol { margin-bottom:-0.6em; } form.formtastic fieldset ol li.check_boxes fieldset ol li { margin:0.1em 0 0.5em 0; } form.formtastic fieldset ol li.check_boxes fieldset ol li label { float:none; width:100%; } form.formtastic fieldset ol li.check_boxes fieldset ol li label input { margin-right:0.2em; } /* DATE & TIME OVERRIDES --------------------------------------------------------------------------------------------------*/ form.formtastic fieldset ol li.date fieldset ol li, form.formtastic fieldset ol li.time fieldset ol li, form.formtastic fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0 .3em 0 0; } form.formtastic fieldset ol li.date fieldset ol li label, form.formtastic fieldset ol li.time fieldset ol li label, form.formtastic fieldset ol li.datetime fieldset ol li label { display:none; } form.formtastic fieldset ol li.date fieldset ol li label input, form.formtastic fieldset ol li.time fieldset ol li label input, form.formtastic fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=7d7d7d&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=05_inset_soft.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #7d7d7d url(images/ui-bg_flat_75_7d7d7d_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_inset-soft_0_aaaaaa_1x100.png) 50% bottom repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ----------------------------------*/ .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs ----------------------------------*/ .ui-tabs { padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } * { vertical-align: baseline; font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; border: 0 none; outline: 0; padding: 0; margin: 0; } strong { font-weight: bolder; } body { background-color: #282828; text-align: center; color: #a9a9a9; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 14px; padding: 0; margin: 0; } a { color: #a9a9a9; text-decoration: none; } a:hover { color: white; } .reset { display: block; clear: both; font-size: 1px; height: 1px; line-height: 0.1; background: transparent; } .clearfix { display: inline-block; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix { height: 1px; } .flash { padding: 14px 20px; margin: 8px 0; font-size: 12px; font-weight: bold; color: white; } .notice { background-color: #007aa8; } .errors { background-color: #7b0000; } #structure { width: 940px; margin: 0 auto; } #structure #top { text-align: left; height: 67px; margin: 0; padding: 0; } #structure #top #logo { display: inline-block; width: 224px; height: 67px; vertical-align: bottom; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; white-space: no-wrap; #zoom: 1; #display: inline; #vertical-align: auto; } #structure #top #main_nav { width: 458px; } #structure #top #store_nav { width: 242px; } #structure #top .nav { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; white-space: no-wrap; #zoom: 1; #display: inline; #vertical-align: auto; background: black; height: 35px; margin-left: 4px; vertical-align: bottom; overflow: visible; } #structure #top .nav ul { list-style: none; border: none; padding: 0; margin: 0; overflow: visible; white-space: nowrap; } #structure #top .nav ul li { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; white-space: no-wrap; #zoom: 1; #display: inline; #vertical-align: auto; text-indent: -9999px; margin: 0; padding: 0; vertical-align: bottom; height: 35px; overflow: visible; } #structure #top .nav ul li ul { display: block; position: relative; margin-left: -4px; width: 466px; background: url('/images/nav/back_subnav_bottom.png') bottom center no-repeat; padding-bottom: 9px; z-index: 5; } #structure #top .nav ul li ul .slider { margin: 0 4px; height: 7px; background-image: url('/images/nav/back_slider.gif'); background-repeat: no-repeat; border-bottom: 1px solid #007aa8; } #structure #top .nav ul li ul li { width: 466px; height: 26px; display: block; } #structure #top .nav ul li ul li a { text-indent: 42px; height: 26px; display: block; font-weight: bold; background: url("/images/nav/back_subnav.png") 0 0 no-repeat; cursor: pointer; } #structure #top .nav ul li ul li a:hover { background-position: 0 -26px; } #structure #top .nav ul li ul li a img { margin-top: 6px; opacity: 0.6; -moz-opacity: .6; filter: none; } #structure #top .nav ul li ul li a:hover img { opacity: 1; -moz-opacity: 1; filter: none; } #structure #top .nav ul li ul#collections .slider { background-position: 0 0; } #structure #top .nav ul li ul#our_story { background-image: none; margin-left: -158px; } #structure #top .nav ul li ul#our_story .slider { height: 1px; background-position: 158px 0; border-bottom-width: 0; } #structure #top .nav ul li ul#company_info { background-image: none; margin-left: -310px; } #structure #top .nav ul li ul#company_info .slider { height: 1px; background-position: 310px 0; border-bottom-width: 0; } #structure #top .nav ul li a { height: 35px; } #structure #top .nav ul li .divider { background: url('/images/nav/divider.gif') no-repeat; width: 3px; height: 35px; } #content { width: 940px; } .contentbox { background: black; padding: 8px; margin-top: 8px; } .grid .contentbox { margin-top: 0; } #features .news { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; white-space: no-wrap; #zoom: 1; #display: inline; #vertical-align: auto; height: 169px; vertical-align: bottom; width: 307px; } #features .news .news_feature_header { text-indent: -9999px; background: #3f3f3f url(/images/home/news_and_events.gif) 5px 7px no-repeat; height: 27px; border-bottom: 1px solid #7a7a7a; } #features .news .news_feature_feed { background-color: #4f4f4f; height: 142px; overflow: auto; color: #a9a9a9; } #features .news .news_feature_feed .item { text-align: left; border-bottom: 1px solid #7a7a7a; padding: 8px 5px 8px 5px; } #features .initiative { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; white-space: no-wrap; #zoom: 1; #display: inline; #vertical-align: auto; vertical-align: bottom; width: 300px; height: 169px; margin-left: 4px; } #footer { padding-left: 16px; padding-right: 16px; text-align: left; font-size: 8px; } #footer a.copyright { float: right; } button.btn, button.button, a.btn, input.btn { text-align: left; position: relative; border: 0; padding: 0; display: block; text-indent: -9999px; outline: none; background-position: 0 0; background-repeat: no-repeat; text-decoration: none; overflow: hidden; cursor: pointer; } button.btn:active, a.btn:active { outline: none; overflow: hidden; } .h30 { height: 30px; } .h30:hover, .active .h30 { background-position: 0 -30px; } .add-cart { margin-top: 15px; background-image: url('/images/buttons/h30_add_to_cart.gif'); width: 226px; } .primary { text-align: left; text-indent: -9999px; margin-top: 15px; background-image: url('/images/buttons/h32_continue_wide.gif'); width: 650px; height: 32px; } .primary:hover { background-position: 0 -32px; } .h32 { height: 32px; } .h32:hover { background-position: 0 -32px; } .submit_wide { margin-top: 15px; background-image: url('/images/buttons/h32_submit_wide.gif'); width: 692px; text-align: left; text-indent: -9999px; } .checkout_wide { margin-top: 15px; margin-left: 6px; background-image: url('/images/buttons/h32_checkout_wide.gif'); width: 650px; } .h35 { height: 35px; } .h35:hover, .active .h35 { background-position: 0 -35px; } .collections { width: 152px; } a.collections { background-image: url('/images/nav/h35_collections.gif'); } .our_story { width: 154px; } a.our_story { background-image: url('/images/nav/h35_our_story.gif'); } .company_info { width: 152px; } a.company_info { background-image: url('/images/nav/h35_company_info.gif'); } .store { background-image: url('/images/nav/h35_store.gif'); width: 75px; } .cart { background-image: url('/images/nav/h35_cart.gif'); width: 64px; } .checkout { background-image: url('/images/nav/h35_checkout.gif'); width: 97px; } #main { margin-top: 8px; padding: 0; } #left_column { float: left; width: 224px; margin: 0; } #right_column { float: right; width: 708px; background-color: black; } .filler { margin: 0; background-color: black; } .sidenav_header { background-color: #007aa8; text-align: left; padding: 30px 20px; } #sidenav { margin-top: 8px; } #sidenav ul { display: block; list-style: none; border: none; padding: 0; margin: 0; border-bottom: 1px solid #007aa8; } #sidenav ul li { display: block; text-align: left; margin: 0; padding: 0; border-top: 1px solid black; clear: left; } #sidenav ul li:first-child { border-top: 1px solid #007aa8; } #sidenav ul li a { display: block; height: 29px; background: url('/images/nav/back_sidenav.jpg') 0 0 no-repeat; cursor: pointer; text-indent: 22px; } #sidenav ul li a:hover, #sidenav ul li a.active { background-position: 0 -29px; } #sidenav ul li a:hover img, #sidenav ul li a.active img { opacity: 1; -moz-opacity: 1; filter: none; } #sidenav ul li a img { margin-top: 6px; opacity: 0.75; -moz-opacity: .75; filter: none; } #sidenav ul li ul { display: block; border-bottom: none; margin: 0; padding: 0; } #sidenav ul li ul li { display: block; margin: 0; padding: 0; } #sidenav ul li ul li:first-child { border-top: 1px solid black; } #sidenav ul li ul li a { display: block; height: 25px; background: url('/images/nav/back_sidesubnav.jpg') 0 0 no-repeat; cursor: pointer; } #sidenav ul li ul li a:hover { background-position: 0 -25px; } #sidenav ul li ul li a img { margin-top: 6px; } table.products { border-collapse: collapse; margin: 0; padding: 0; } table.products tr td { padding: 0 8px 8px 0; } table.products tr td .gridlink { position: absolute; margin-top: 196px; margin-left: 0px; width: 225px; height: 85px; background: url('/images/product/gray_gradient.png') 0 0 repeat-x; text-align: left; padding-top: 9px; } table.products tr td .gridlink img { clear: left; margin: 0 0 4px 8px; } table.products tr td .gridlink .view_collection { width: 86px; height: 7px; clear: left; margin: 0 0 4px 8px; background-image: url('/images/product/view_collection.png'); background-repeat: no-repeat; } table.products tr td .gridlink .view_details { width: 65px; height: 7px; clear: left; margin: 0 0 4px 8px; background-image: url('/images/product/view_details.png'); background-repeat: no-repeat; } table.products tr td .gridlink .price { position: absolute; margin-top: 56px; } #right_column { background: transparent; } #right_column .title { height: 45px; margin-bottom: 8px; text-align: left; background-color: #494949; } #right_column .title img { margin: 11px 0 0 15px; } #right_column .subtitle { height: 34px; margin-bottom: 4px; text-align: left; background-color: #494949; } #right_column .subtitle img { margin: 8px 0 0 15px; } #product_details #right_column .details { text-align: left; float: right; width: 242px; } #product_details #right_column .details .options { background-color: #494949; padding-bottom: 8px; padding-top: 8px; } #product_details #right_column .details .options .description { margin: 0 8px 8px; text-align: left; padding: 12px 2px; border-top: 1px solid black; } #product_details #right_column .details .options .row { border-top: 1px solid black; margin: 4px 5px 4px 8px; } #product_details #right_column .details .options .row .label { vertical-align: top; display: inline-block; color: black; font-weight: bold; font-size: 11px; margin: 2px 0 2px 5px; width: 52px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; white-space: no-wrap; #zoom: 1; #display: inline; #vertical-align: auto; } #product_details #right_column .details .options .row .value { border-left: 1px solid black; vertical-align: top; display: inline-block; color: white; font-size: 12px; line-height: 14px; margin: 2px 5px 0 0; padding-left: 8px; padding-bottom: 5px; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; white-space: no-wrap; #zoom: 1; #display: inline; #vertical-align: auto; } #product_details #right_column .details .options .row .value ul.colors { padding: 0; list-style: none; border: none; margin: 3px 0 0; width: 140px; } #product_details #right_column .details .options .row .value ul.colors li { margin: 0; padding: 0; display: inline-block; cursor: pointer; border: 1px solid #494949; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; white-space: no-wrap; #zoom: 1; #display: inline; #vertical-align: auto; } #product_details #right_column .details .options .row .value ul.colors li.active { border: 1px solid white !important; } #product_details #right_column .details .options .row .value ul.colors li.hover { border: 1px solid #7a7a7a; } #product_details #right_column .details .options .row .value ul.colors li img { width: 27px; height: 27px; border: 3px solid #494949; } #product_details #right_column .details .options .row .value .color_name { border-top: 1px solid black; text-transform: uppercase; height: 14px; font-size: 12px; font-weight: normal; margin-top: 5px; padding-top: 5px; } #product_details #right_column .details .options .row .value a { font-size: 11px; color: black; } #product_details #right_column .details .options .row .value .price { margin: 3px 0 0 0; } #product_details #right_column .details .recommendations { background-color: #494949; padding-top: 6px; margin-top: 8px; } #product_details #right_column .details .recommendations .goes_well_with { display: block; border-top: 1px solid black; border-bottom: 1px solid black; padding: 3px 0; margin: 0 8px; color: black; font-weight: bold; font-size: 11px; } #product_details #right_column .details .recommendations .products { margin-left: 8px; padding-bottom: 8px; } #product_details #right_column .details .recommendations .products img { margin: 5px 4px 0 0; } #product_details #right_column .details .prod_filler { margin-top: 8px; background-color: #494949; } #product_details #right_column .details select { width: 110px; margin: 8px 0 6px; } #product_details #right_column .photos { float: left; padding: 8px 8px 4px; background-color: #494949; } #product_details #right_column .photos img { border: 1px solid black; } #product_details #right_column .filler { background-color: #494949; } #product_details #right_column .photo_controls { padding-top: 3px; padding-right: 2px; text-align: right; } .box { background-color: #7d7d7d; padding: 0 8px 8px; margin-bottom: 8px; } .box .intro { color: black; font-size: 14px; line-height: 16px; padding: 8px; } .box .content, .box .inner { border-bottom: 1px solid black; border-top: 1px solid black; background-color: #707070; padding: 8px; color: black; font-size: 13px; } .box .content p, .box .inner p { margin: 12px 0; } .box .content h3, .box .inner h3 { font-size: 16px; } .box .content .block, .box .inner .block { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; white-space: no-wrap; #zoom: 1; #display: inline; #vertical-align: auto; vertical-align: top; display: inline-block; width: 200px; margin-right: 35px; margin-top: 20px; } .box .content .block .label, .box .inner .block .label { border-bottom: 1px solid black; margin-bottom: 10px; padding-bottom: 5px; } .box .content .block .value, .box .inner .block .value { padding-bottom: 20px; } .box .content a, .box .inner a { color: white; } .box .content a:hover, .box .inner a:hover { color: black; } .news #right_column .reset { clear: both; padding: 5px 0 0; border-bottom: 1px solid black; margin-bottom: 5px; } #info #right_column { text-align: left; } #info #right_column .title { background-color: #003d54; } #info #right_column .fillbox { padding: 0 8px 8px; height: 150px; background-color: #494949; } #info #right_column h2 { font-size: 16px; color: white; padding: 8px 0 12px 8px; } #info #right_column .box .article { margin-top: 4px; font-size: 12px; } #info #right_column .box .article .a_head { color: black; background-color: #646464; line-height: 40px; height: 40px; cursor: pointer; } #info #right_column .box .article .a_head .a_date { text-indent: 12px; height: 40px; display: inline-block; width: 87px; border-right: 2px solid #7d7d7d; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; white-space: no-wrap; #zoom: 1; #display: inline; #vertical-align: auto; } #info #right_column .box .article .a_head .a_title { text-indent: 8px; height: 40px; display: inline-block; display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: middle; white-space: no-wrap; #zoom: 1; #display: inline; #vertical-align: auto; } #info #right_column .box .article .a_head .a_title .category { font-weight: bold; } #info #right_column .box .article .active { color: white; background-color: #494949; } #info #right_column .box .article .hover { color: white; background-color: #3e3e3e; } #info #right_column .box .article .a_body { display: none; margin-left: 89px; padding: 10px 20px 10px 10px; color: black; line-height: 16px; background-color: #707070; } #info #right_column .box .article .a_body p { margin: 6px 0 18px; } #info #right_column .box .article .a_body ul { margin: 12px 24px; } .single_news .article .a_head { cursor: inherit !important; } .single_news .article .a_body { display: block !important; } .pagination { color: #a9a9a9; } .pagination a { color: #3e3e3e; text-decoration: underline; } .pagination a:hover { color: white; } .dealers #right_column .box { margin-bottom: 4px !important; } .dealers #right_column .box .block { width: 190px !important; margin-right: 25px !important; } .dealers #right_column .box .website { word-wrap: break-word; } .dealers #right_column .box .gmaps { font-size: 10px; } .errorExplanation { background-color: #7d7d7d; margin: 8px 16px; padding: 8px 8px 14px; border-top: 1px solid white; border-bottom: 1px solid white; } .errorExplanation ul { margin-top: 4px; margin-left: 30px; } .errorExplanation ul li { margin-bottom: 4px; } .content form, .inner form { margin-top: 20px; } #info.newsletter_signup #right_column .box .intro { padding-top: 16px; padding-bottom: 16px; } #info.newsletter_signup #right_column .box .content { padding-bottom: 0; } form#new_subscriber.formtastic { margin-bottom: 0; padding-bottom: 0; } form#new_subscriber.formtastic fieldset.buttons { margin-top: 18px; padding-left: 0; height: 32px; margin-left: -8px; } form#new_subscriber.formtastic fieldset.buttons li.commit { margin-bottom: 0; } form#new_subscriber.formtastic fieldset.buttons li.commit button { cursor: pointer; } form#new_subscriber.formtastic fieldset ol li p.inline-errors { color: white; font-style: italic; } #recaptcha_widget_div { padding-left: 168px; } div#cart, div#checkout { width: inherit; } div#cart h3, div#checkout h3 { font-size: 13px; text-transform: uppercase; color: #161616; border-bottom: 1px solid #161616; padding-bottom: 5px; } div#cart p, div#checkout p { clear: both; margin-bottom: 15px; } div#cart p label, div#checkout p label { float: left; width: 150px; position: relative; top: 5px; } div#cart p span.req, div#checkout p span.req { color: white; margin-left: 2px; position: relative; top: -3px; } div#cart p input, div#cart p select, div#checkout p input, div#checkout p select { margin-left: 150px; width: 200px; margin: 0px; } div#cart p label.error, div#checkout p label.error { color: white; width: inherit; clear: both; margin: 2px 0px 5px 150px; top: 0px; font-size: 11px; border: none; padding: 0px; background: #7b0000; } div#cart label.radio, div#checkout label.radio { display: inline; } div#cart div#methods p, div#cart div#registration_choice p, div#checkout div#methods p, div#checkout div#registration_choice p { margin-bottom: 7px; } div#cart div#methods p input, div#cart div#methods p label, div#cart div#registration_choice p input, div#cart div#registration_choice p label, div#checkout div#methods p input, div#checkout div#methods p label, div#checkout div#registration_choice p input, div#checkout div#registration_choice p label { display: inline; float: none; } div#cart div#methods p label, div#cart div#registration_choice p label, div#checkout div#methods p label, div#checkout div#registration_choice p label { margin: 0px 0px 0px 5px; top: -1px; width: 300px; } div#cart div#methods p input, div#cart div#registration_choice p input, div#checkout div#methods p input, div#checkout div#registration_choice p input { width: 15px; } div#cart #existing_user, div#cart #guest_user, div#cart #already_logged_in, div#checkout #existing_user, div#checkout #guest_user, div#checkout #already_logged_in { display: none; } div#cart #registration_choice, div#checkout #registration_choice { display: inline-block; vertical-align: top; width: 250px; } div#cart #registration_choice .error, div#checkout #registration_choice .error { width: 250px !important; } div#cart #registration_input, div#checkout #registration_input { margin-left: 20px; display: inline-block; vertical-align: top; width: 350px; } div#cart #registration_input p label, div#checkout #registration_input p label { width: 80px; } div#cart a, div#checkout a { color: #7d7d7d; } div#cart a:hover, div#checkout a:hover { color: white; } div#cart .box, div#checkout .box { text-align: left; padding: 10px 0 0; } div#cart .sidenav_header, div#checkout .sidenav_header { padding: 0; height: 44px; margin-bottom: 8px; } div#cart #left_column .box, div#checkout #left_column .box { background-color: black; } div#cart #left_column .box a.bottom_link, div#checkout #left_column .box a.bottom_link { display: block; background-color: #494949; text-indent: 20px; padding: 5px 0; } div#cart #left_column .box a.bottom_link:hover, div#checkout #left_column .box a.bottom_link:hover { background-color: #7d7d7d; } div#cart #left_column .box .jitterbug, div#checkout #left_column .box .jitterbug { margin: 0 20px; } div#cart #left_column .box .content, div#cart #left_column .box .inner, div#checkout #left_column .box .content, div#checkout #left_column .box .inner { font-size: 10px; color: #7d7d7d; background-color: transparent; word-wrap: break-word; border-top-color: #3e3e3e; padding: 5px 0; margin: 10px 20px; } div#cart #left_column .box .content table, div#cart #left_column .box .inner table, div#checkout #left_column .box .content table, div#checkout #left_column .box .inner table { width: 100%; } div#cart #left_column .box .content table td, div#cart #left_column .box .inner table td, div#checkout #left_column .box .content table td, div#checkout #left_column .box .inner table td { text-align: right; color: #b3b3b3; } div#cart #left_column .box .content table.order_total, div#cart #left_column .box .inner table.order_total, div#checkout #left_column .box .content table.order_total, div#checkout #left_column .box .inner table.order_total { margin-top: 20px; } div#cart #right_column .box, div#checkout #right_column .box { padding: 20px; } div#cart #right_column .box .content, div#cart #right_column .box .inner, div#checkout #right_column .box .content, div#checkout #right_column .box .inner { color: #161616; } div#cart #right_column h2, div#checkout #right_column h2 { font-size: 15px; text-transform: uppercase; color: white; margin-bottom: 12px; } div#cart #right_column .disabled, div#checkout #right_column .disabled { background-color: #494949; padding: 10px 20px 10px 20px; } div#cart #right_column .disabled h2, div#checkout #right_column .disabled h2 { color: #b3b3b3; margin-bottom: 0; } div#cart #right_column .title, div#checkout #right_column .title { background-color: #003d54; } div#cart #right_column a, div#checkout #right_column a { color: #b3b3b3; } table#cart { border-spacing: 6px 0; font-size: 14px; color: black; width: 668px; } table#cart tbody#line_items tr.line_item td { height: 82px; vertical-align: middle; padding: 10px; background-color: #707070; } table#cart tbody#line_items tr.line_item td .jitterbug { margin: 5px 0; } table#cart tbody#line_items tr.line_item td.image_description img { display: inline-block; } table#cart tbody#line_items tr.line_item td.image_description .info { display: inline-block; width: 250px; margin-left: 8px; color: #3e3e3e; font-size: 13px; } table#cart tbody#line_items tr.line_item td.image_description .hr { padding-top: 5px; border-top: 1px solid #3e3e3e; } table#cart tbody#line_items tr.divider td { background: transparent url('/images/structure/1x1_000000.gif') 0 7px repeat-x; height: 12px; padding: 0; } #subtotal { color: black; font-size: 16px; text-align: right; margin: 0 30px 12px 6px; } #subtotal .links { border-bottom: 1px solid black; float: left; text-align: left; padding-bottom: 8px; } div.error { color: #7b0000; } #creditcard-image { margin-left: 150px; } #story .title { background-color: #003d54; } #story .story_box { background-color: black; padding: 20px 0 20px 14px; margin-bottom: 0; } #story .story_box .story_text { text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; } #story .story_box .craft { height: 564px; background-image: url(/images/story/craft.gif); } #story .story_box .mission { height: 564px; background-image: url(/images/story/mission.gif); } #story .story_box .fashion { height: 564px; background-image: url(/images/story/fashion.gif); } #story .story_box .fit_and_finish { height: 564px; background-image: url(/images/story/fit_and_finish.gif); } #story .story_box .technology { height: 150px; background-image: url(/images/story/technology.gif); } #story .subtitle { margin-top: 4px; } #story .box { text-align: left; margin-bottom: 4px; } #story .box .content_title { padding: 8px 8px; } #confirmation table.index { width: 630px; } #confirmation table.index tbody#line-items tr th { color: white; background-color: #3e3e3e; padding: 5px; text-align: center; } #confirmation table.index tbody#line-items tr td { padding: 5px; } #confirmation table.index tbody tr td.total_display { text-align: right; } #confirmation table.index tbody#subtotal { font-size: 13px; } #confirmation table.index tbody#subtotal td { padding: 5px; } #confirmation table.index tbody#order-total tr.total td { text-align: right; font-size: 15px; padding: 5px; font-weight: bold; } #confirmation table.index tbody#order-total tr.total td.total_display { background-color: #7a7a7a; } #confirmation table.index tbody#order-charges { font-size: 13px; } #confirmation table.index tbody#order-charges tr td { padding: 5px; text-align: right; } #bdisplay, #sdisplay { padding: 10px 5px; line-height: 18px; font-size: 13px; } #existing-customer #password-credentials .title { background: #a9a9a9; border: 1px solid #3e3e3e; height: 22px; } .dialog { text-align: left; display: none; } #fabric img.jitterbug { margin-top: 10px; } body#pr #structure #top #media_room { background: white url(/images/pr/media_room.gif) center center no-repeat; width: 240px; text-indent: -9999px; margin-left: 4px; } body#pr #structure #top .nav { background: #007aa8; } body#pr #structure #top .nav a.collections { background-image: url('/images/nav/h35_pr_collections.gif'); width: 155px; } body#pr #structure #top .nav a.contact_us { background-image: url('/images/nav/h35_pr_contact_us.gif'); margin-left: 145px; width: 150px; } body#pr #structure #top .nav ul li ul { background-image: url('/images/nav/pr_back_subnav_bottom.png'); } body#pr #structure #top .nav ul li ul .slider { background-image: url('/images/nav/pr_back_slider.gif'); border-bottom-color: white; } body#pr #structure #top .nav ul li ul#contact_us { margin-left: -162px; height: 1px; overflow: hidden; background: none; } body#pr #structure #top .nav ul li ul#contact_us .slider { margin-left: 314px; height: 1px; border-bottom-width: 0; } body#pr #structure #content #product_details #main #right_column .description { padding-bottom: 0; } body#pr #structure #content #product_details #main #right_column ul.colors li { display: block; float: none; font-size: 12px; border-bottom: 1px solid black; padding-bottom: 6px; padding-top: 2px; text-indent: 5px; color: #dbdbdb; cursor: default; } body#pr #structure #content #product_details #main #right_column ul.colors li.shown { color: white; border-bottom: 1px solid black; } body#pr #structure #content #product_details #main #right_column .fabric_description { font-size: 10px; width: 140px; } body#pr #structure #content #product_details #main #right_column .prod_filler { margin-top: 0; background-color: #5c5c5c; } body#pr #structure #content #product_details #main #right_column .downloads { background-color: #5c5c5c; border-top: 1px solid black; padding: 16px 8px 24px; margin-bottom: 0; } body#pr #structure #content #product_details #main #right_column .downloads h3 { font-size: 16px; color: black; text-indent: 2px; border-bottom: 1px solid black; padding-bottom: 16px; } body#pr #structure #content #product_details #main #right_column .downloads a { display: block; border-bottom: 1px solid black; padding: 8px 0; text-indent: 2px; } .old_price { text-decoration: line-through; } .sale_price { color: #05cb00; margin-bottom: 5px; } .line_item .old_price { margin-bottom: 5px; font-size: 10px; } #environment_banner { width: 100%; text-align: center; padding: 6px 0 10px; background-color: #7b0000; color: #dbdbdb; font-size: 16px; border-bottom: 1px solid #dbdbdb; } #upgrade_banner { width: 100%; text-align: center; padding: 3px 0 5px; background-color: black; color: #dbdbdb; font-size: 10px; border-bottom: 1px solid #dbdbdb; }