/*>>>>>>>>>> jquery-ui-1.7.2.smoothness.css <<<<<<<<<<*/ /* * 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=ffffff&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=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.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-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: #ffffff url(/_static/images/www/jquery-ui/smoothness/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/_static/images/www/jquery-ui/smoothness/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(/_static/images/www/jquery-ui/smoothness/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(/_static/images/www/jquery-ui/smoothness/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(/_static/images/www/jquery-ui/smoothness/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(/_static/images/www/jquery-ui/smoothness/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(/_static/images/www/jquery-ui/smoothness/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% 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(/_static/images/www/jquery-ui/smoothness/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(/_static/images/www/jquery-ui/smoothness/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(/_static/images/www/jquery-ui/smoothness/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(/_static/images/www/jquery-ui/smoothness/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/_static/images/www/jquery-ui/smoothness/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(/_static/images/www/jquery-ui/smoothness/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(/_static/images/www/jquery-ui/smoothness/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/_static/images/www/jquery-ui/smoothness/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: #000 50% 50%; opacity: .30; filter:Alpha(Opacity=30); background-image:url(/_static/images/www/jquery-ui/smoothness/ui-bg_flat_0_aaaaaa_40x100.png); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/_static/images/www/jquery-ui/smoothness/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:5px; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; margin-bottom:5px; *position: static;} .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; *top: 12px; 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:0; 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; } /*>>>>>>>>>> jquery.cluetip.css <<<<<<<<<<*/ /* global */ #cluetip-close img { border: 0; } #cluetip-title { overflow: hidden; } #cluetip-title #cluetip-close { float: right; position: relative; } #cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url(_static/images/www/cluetip/images/wait.gif); } .cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; } #cluetip-extra { display: none; } /*************************************** =cluetipClass: 'default' -------------------------------------- */ .cluetip-default { background-color: #d9d9c2; } .cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; } .cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #87876a; color: #fff; } .cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; } .cluetip-default #cluetip-inner { padding: 10px; } .cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* default arrows */ .clue-right-default .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/darrowleft.gif); } .clue-left-default .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/darrowright.gif); left: 100%; margin-right: -11px; } .clue-top-default .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/darrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-default .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/darrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'jtip' -------------------------------------- */ .cluetip-jtip { background-color: transparent; } .cluetip-jtip #cluetip-outer { border: 2px solid #ccc; position: relative; background-color: #fff; } .cluetip-jtip h3#cluetip-title { margin: 0 0 5px; padding: 2px 5px; font-size: 16px; font-weight: normal; background-color: #ccc; color: #333; } .cluetip-jtip #cluetip-inner { padding: 0 5px 5px; display: inline-block; } .cluetip-jtip div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; } /* jtip arrows */ .clue-right-jtip .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/arrowleft.gif); } .clue-left-jtip .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/arrowright.gif); left: 100%; margin-right: -11px; } .clue-top-jtip .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/arrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-jtip .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/arrowup.gif); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /*************************************** =cluetipClass: 'rounded' -------------------------------------- */ .cluetip-rounded { background: transparent url(_static/images/www/cluetip/images/bl.gif) no-repeat 0 100%; margin-top: 10px; margin-left: 12px; } .cluetip-rounded #cluetip-outer { background: transparent url(_static/images/www/cluetip/images/tl.gif) no-repeat 0 0; margin-top: -12px; } .cluetip-rounded #cluetip-title { background-color: transparent; padding: 12px 12px 0; margin: 0 -12px 0 0; position: relative; } .cluetip-rounded #cluetip-extra { position: absolute; display: block; background: transparent url(_static/images/www/cluetip/images/tr.gif) no-repeat 100% 0; top: 0; right: 0; width: 12px; height: 30px; margin: -12px -12px 0 0; } .cluetip-rounded #cluetip-inner { background: url(_static/images/www/cluetip/images/br.gif) no-repeat 100% 100%; padding: 5px 12px 12px; margin: -18px -12px 0 0; position: relative; } .cluetip-rounded div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #009; background: transparent; } .cluetip-rounded div#cluetip-close a { color: #777; } /* rounded arrows */ .clue-right-rounded .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/rarrowleft.gif); } .clue-left-rounded .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/rarrowright.gif); left: 100%; margin-left: 12px; } .clue-top-rounded .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/rarrowdown.gif); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; } .clue-bottom-rounded .cluetip-arrows { background-image: url(_static/images/www/cluetip/images/rarrowup.gif); top: -23px; left: 50%; margin-left: -11px; height: 11px; width: 22px; } /* stupid IE6 HasLayout hack */ .cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner { zoom: 1; } /*>>>>>>>>>> jquery.tablesorter.css <<<<<<<<<<*/ /* tables */ table.tablesorter { font-family:arial; background-color: #CDCDCD; margin:10px 0pt 15px; font-size: 8pt; width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { background-color: #e6EEEE; border: 1px solid #FFF; font-size: 8pt; padding: 4px; } table.tablesorter thead tr .header { background-image: url(/_static/images/www/tablesorter/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer; } table.tablesorter tbody td { color: #3D3D3D; padding: 4px; background-color: #FFF; vertical-align: top; } table.tablesorter tbody tr.odd td { background-color:#F0F0F6; } table.tablesorter thead tr .headerSortUp { background-image: url(/_static/images/www/tablesorter/asc.gif); } table.tablesorter thead tr .headerSortDown { background-image: url(/_static/images/www/tablesorter/desc.gif); } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { background-color: #8dbdd8; } /*>>>>>>>>>> 01_generic.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 1. GENERIC STYLES, USED THROUGHOUT THE ENTIRE SITE */ /* ==================================================================================================== */ * { margin:0; padding:0; border: 0; } html, body { height: 100%; } body { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #333; background: url(/_static/images/www/shared/bg/bg-header.jpg) #fff top left repeat-x !important; } p { margin:10px 0; } a { color: #a12a1d; text-decoration: none; } a:hover { text-decoration: underline; } ul, li { list-style-type:none; list-style-image:none; list-style-position:outside; } .clearfix { background:#f0f; /* IF YOU SEE THIS ON A PAGE, CALL THE POLICE! */ border:solid 10px #f00; } h1, h2, h3, h4, h5 { font-weight: bold; text-transform: uppercase; } h1 { /* font-size: 26px; */ /* New rules */ border-bottom: 1px solid #B33636; color: #333; font-size: 24px; font-weight: normal; margin-bottom: 20px; padding-bottom: 4px; text-transform: none; /* ---- */ } h2 { font-size: 24px; font-weight: normal; text-transform: none; border-bottom: 1px solid #b33636; margin-bottom: 20px; padding-bottom: 4px; } h3 {font-size: 14px;} h4 {font-size: 14px;} h5 { font-size: 12px; color: #727531; text-transform: none; } div.title { font-size: 24px; font-weight: normal; text-transform: none; border-bottom: 1px solid #b33636; margin-bottom: 10px; padding-bottom: 4px; } iframe {border:solid 0;} iframe body {background-color:#fff;} .i-r { text-indent: -999em; display: block; overflow: hidden; } .cf-needed { color: #f00; font-weight: bold; font-family: "Comic Sans MS"; font-size: 12px; text-transform: uppercase; margin-left: 6px; } .before-sale { font-size: 14px; text-decoration: line-through; font-weight: normal; } .price-on-sale { color: #A12A1D; padding-left: 3px; } div#productPriceonsale span.prodDescript { color: #AA2244; font-size: 18px; font-weight: bold; margin-bottom: 10px; } .clearfix2:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix2 { display: inline-block; } html[xmlns] .clearfix2 { display: block; } * html .clearfix2 { height: 1%; } /*>>>>>>>>>> 02_specific.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 2. SPECIFIC CLASSES AND IDs */ /* ==================================================================================================== */ a.print-button { background-image: url(/_static/images/www/Shared/btns/btn-print.png); background-repeat: no-repeat; height: 16px; padding: 1px 0 0 22px; } .mandatoryfields { float:right; padding-right:5px; text-align:right; margin:4px 0 0 30px; } .errorMessage { font-weight:bold; color:#c00; display:block; margin:10px 0 15px 0; } .attention { font-weight: bold; display: block; margin: 0 0 10px; text-transform: uppercase; } .note { float:left; display:block; margin:0 5px; } .boxBlock { } .disabled { -moz-opacity:.25; opacity:.25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); } .enabled { -moz-opacity:1; opacity:1; } .hide { display:none; } .show { display:block; } .pixelBlock { width:1px; height:1px; } /*>>>>>>>>>> 03_fauxinline.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 3. FAUX INLINE STYLES */ /* ==================================================================================================== */ .displayNone {display:none !important;} .displayBlock {display:block !important;} .displayInline {display:inline !important;} .floatLeft {float:left !important;} .floatRight {float:right !important;} .clearBoth {clear:both !important;} .alignLeft {text-align:left !important;} .alignRight {text-align:right !important;} .marginTop {margin-top:10px !important;} .marginRight {margin-right:10px !important;} .marginBottom {margin-bottom:10px !important;} .marginLeft {margin-left:10px !important;} .red {color:red !important;} .black {color:black !important;} .noMargin {margin:0 !important;} .noWrapping {white-space:nowrap !important;} .widthAuto {width:auto !important;} .fontBold {font-weight: bold; margin-bottom: 3px;} /*>>>>>>>>>> 04_forms.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 4. FORM PROPERTIES */ /* ==================================================================================================== */ fieldset { border:0 none; clear: both; line-height: 18px; margin-bottom: 8px; width: 100%; } label.inputerror { color: #C00; } .asterisk { color: #a12a1d; font-weight: bold; margin-left: 3px; } label { float:left; width:145px; margin-right:5px; text-transform:capitalize; } label.postalCode { line-height:12px; } label.fieldLabel_error { color:#c00; font-weight:bold; } fieldset.radio label, fieldset.checkBox label { float: left; margin-right: 12px; } input { border: solid 1px #aaa; height: 20px; float: left; width: 168px; margin: 0; padding: 0; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } div.proweb_popup input, div.proweb_nonpopup input { /* overriding some rules on the above style, for QAS */ float: none; width: auto; height: auto; } input.file { width:230px; height:20px; } input.midField { width:60px; margin-right:15px; } input.shortField { width: 28px !important; } input.radio, input.checkBox, fieldset.radio input, fieldset.checkBox input { width: 12px !important; height: 12px !important; border: solid 0; float: left; margin-top: 3px; margin-right: 5px; background: none; } input.checkBoxRight { border:0pt solid; float:left; height:14px; margin-right:10px; margin-top:5px; width:14px; } input.upload { height:20px; } select { border: 1px solid #aaa; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 21px; width: 172px; } select.shortField { width: 50px !important; margin-right: 10px; } select.midField { width: 60px !important; margin-right: 10px; } select#AgeRange { width:80px; } textarea { border:solid 1px #aaa; float:left; font-family:arial; font-size:1em; margin-top:5px; width:170px; padding: 8px; } .mainButton { padding:0; height:34px; } .mainButton input, .mainButton button, .mainButton a { /* background-image:url('/_static/images/www/shared/stButtonRight.gif'); background-repeat:no-repeat; border:solid 0; height:23px; line-height:23px; padding:0 0 0 7px; float:left; margin:0; width:auto; overflow:visible; display:block; text-decoration:none; cursor:pointer; font-size:11px; font-weight:bold; text-transform:uppercase; color:#000; */ } .mainButton .buttonEnd { /* background-image:url('/_static/images/www/shared/stButtonRight.gif'); background-repeat:no-repeat; background-color:#fff; width:9px; height:24px; overflow:hidden; float:left; margin:0; */ } div#formButtonRight { width:322px; height:40px; } a.standardButton { background-color: #a12a1d; padding: 4px 8px; margin-left: 10px; color: #fff; text-transform: uppercase; float: left; font-weight: bold; } span.standardButton { background-color: #a12a1d; padding: 2px 6px 4px; margin-left: 10px; color: #fff; text-transform: uppercase; float: left; font-weight: bold; } input.standardButton { background-color: #A12A1D; border: medium none; color: #FFFFFF; cursor: pointer; float: right; font-weight: bold; height: 23px; padding: 2px 8px 4px; width: auto; } a.tooltip { display: inline !important; font-weight: normal !important; color: #333 !important; } span.no-left-margin { margin-left: 0; } a.standardButton:hover { text-decoration: none; } a.standardButton span, span.standardButton span { display:block; float:left; padding:0 10px; white-space:nowrap;*/ } span.standardButton input, span.standardButton button { border: 0 none; text-decoration: none; text-transform: capitalize; font-weight: bold; color: #fff; width: auto; background-color: transparent; cursor: pointer; } a.greyButton { padding: 4px 8px; color: #fff; background-color: #8a8a8a; font-weight: bold; } .largeButton { padding: 8px 10px !important; } .largeButton span, .largeButton span input { font-size: 18px !important; text-transform: capitalize !important; } /*>>>>>>>>>> 05_structure.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 5. STRUCTURE BLOCKS */ /* ==================================================================================================== */ #wrapper { width: 980px; margin: 0 auto -245px; /*overflow: hidden;*/ min-height: 100%; height: auto !important; height: 100%; } .push { height: 245px; clear: both; } #galleryBlock { width:980px; margin:0 auto; } #topNavigation { width: 100%; height: 170px; min-width: 980px; position: relative; z-index: 100; } .content-container { margin: 0 auto; width: 940px; padding: 0 20px; position: relative; } #topNavigation .content-container div.top-motif { background-image: url(/_static/images/www/shared/bg/bg-top-motif.jpg); width: 786px; height: 120px; overflow: hidden; position: absolute; top: 0; left: -50px; } #contentBlock { width: 980px; float: left; background-color: #fff; } #galleryBlock #contentBlock { height: auto !important; } p.contentErrorMessage { padding: 25px; } div#leftBlock { float: left; overflow: hidden; padding: 20px 0 0 20px; width: 210px; } .mainBlock { float: left; width: 740px; padding: 25px 20px; } #galleryBlock .mainBlock { padding: 25px 0 25px 20px; } #bottomBanner { background-color:#000 !important; color: #fff; width: 800px; height: 40px; clear: both; display:none; } #footerBlock { clear:both; overflow:hidden; } #popupOverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; /* display: none; */ } #popupOverlay div#shade { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background-color: #000; -moz-opacity: .5; opacity: .5; z-index: 50; /* display: none; */ } /* --- BREADCRUMBS AND FILTERS NAVIGATION ------------------------------------------------- */ div#breadCrumbs { height: 35px; line-height: 35px; float: left; padding: 0 0 0 20px; width: 100%; } div#breadCrumbs ul { float: left; } div#breadCrumbs ul li { float: left; color: #333; text-transform: capitalize; white-space: nowrap; } div#breadCrumbs ul li.active { color: #a12a1d; } div#breadCrumbs ul li a { color: #333; } div#breadCrumbs ul li span#CurLoc a { color: #A12A1D; } div#breadCrumbs ul li span.greater-than { color: #333; float: left; margin-right: 4px; } div#breadCrumbs ul li a { text-decoration: none; color: #333; float: left; clear: none; } div#breadCrumbs ul li h1 { color: #333; font-size: 12px; font-weight: normal; text-transform: capitalize; display: inline; } div#breadCrumbs ul li#lastBC { color: #A12A1D; } /*>>>>>>>>>> 06_header.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 6. HEADER */ /* ==================================================================================================== */ #topNavigation { } #topNavigation div#toolBar { height: 126px; position: relative; z-index: 1; } /* --- 6.1. TOP LOGO ---------------------------------------------------------------------------------- */ #topNavigation #logo { float: left; width: 304px; height: 95px; position: absolute; left: 6px; top: 20px; z-index: 2; } #topNavigation #bphId_bannerStoreLogo { float: left; height: 95px; left: 6px; position: absolute; top: 20px; width: 304px; z-index: 2; } #topNavigation #logo a { display: block; width: 304px; height: 95px; background-repeat: no-repeat; background-position: 0 0; outline: 0 none; } #topNavigation #logo h1 a span { display:none; } /* --- 6.2. SHOPPING CART ----------------------------------------------------------------------------- */ #toolBar #topShoppingCart { height: 22px; line-height: 22px; padding-left: 27px; clear: both; float: right; font-size: 12px; background-image: url(/_static/images/www/shared/iconShoppingBag.gif); background-repeat: no-repeat; background-position: 0 2px; margin: 12px 15px 6px 0; } #toolBar #topShoppingCart a { color: #fff; text-decoration: none; cursor: pointer; } #toolBar #topShoppingCart a:hover div { text-decoration: underline; } #toolBar #topShoppingCart #ShoppingBagInfoLine { margin:0 4px; } /* --- 6.2.5 GEOLOCATION SELECTION ----------------------------------------------------------------------------- */ .mappingGeoLocationSelectionWrap { background: transparent url(/_static/images/www/Shared/leftGeoLocation.png) 0 0 no-repeat; height: 45px; float: right; clear: right; padding-left: 13px; width: 530px; } #mappingGeoLocationTextLeft { font-size: 14px; color: #fff; font-weight: bold; float: left; padding-right: 13px; padding-top: 6px; width: 90px; } #mappingGeoLocationSelection { background: transparent url(/_static/images/www/Shared/rightGeoLocation.png) 100% 0 no-repeat; height: 45px; line-height: 34px; float: left; } .mappingGeoLocationSelection-label { background-image: url(/_static/images/www/Shared/bg/bg-geolocation-left.jpg); margin-top: 6px; height: 34px; float: left; color: #fff; text-align: right; padding: 0 8px; width: 280px; } a#mappingGeoLocationSelection-btn { background-image: url(/_static/images/www/Shared/bg/bg-geolocation.jpg); padding: 0 0 0 56px; width: 68px; height: 34px; margin-top: 6px; margin-right: 6px; float: left; font-weight: bold; color: #fff; } /* --- 6.3. SEARCH FORM ----------------------------------------------------------------------------- */ #toolBar #topForm { position: absolute; top: 135px; right: 10px; } #toolBar #topForm .advancedSearch { /*float:right; line-height:22px; height:22px; text-align:right; margin-left:10px; display:inline;*/ display: none; } #toolBar #topForm form { float: right; height: 22px; width: 185px; } #toolBar #topForm input { float:left; margin-top:2px; } #toolBar #topForm input#searchTerm { width: 160px; height: 19px; margin: 0; border: 1px solid #aaa; border-right: 0 none; } #toolBar #topForm select { display:none; } #toolBar #topForm input#srcGo { height: 21px; width: 21px; cursor: pointer; border: 0 none; margin: 0; padding: 0; } #toolBar #topForm div#matching { left: 0; position: absolute; top: 21px; } #toolBar #topForm div#matching ul { background-color: #fff; padding: 0 6px 6px; border: 0 none; border-left: 1px solid #aaa; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; width: 168px; float: left; } #toolBar #topForm div#matching ul li { margin: 6px 0 0; cursor: pointer; } /* --- 6.4. HEADER LINKS ----------------------------------------------------------------------------- */ #topNavigation div#headerLinks { float: right; clear: both; font-size: 12px; margin-top: 18px; } #topNavigation div#headerLinks ul { float:left; } #topNavigation div#headerLinks ul li { float: left; padding: 0 6px; } #topNavigation div#headerLinks ul li a { color: #fff; text-decoration: none; float: left; text-transform: capitalize; } #topNavigation div#headerLinks ul li span { float: left; color: #c5a3a3; margin: 0 6px; } #topNavigation div#headerLinks ul li { border-left: 2px solid #c5a3a3; } #topNavigation div#headerLinks ul li.first { border-left: 0 none; } /* --- 6.5. NAVIGATION MENU -------------------------------------------------------------------------- */ #topNavigation div#navigationMenu { border-bottom: 1px solid #D9D2D2; float: left; height: 40px; line-height: 40px; overflow: hidden; width: 940px; } #topNavigation div#navigationMenu .postalSearch { background:#cc0000; width:798px; height:40px; border:solid 1px #000; margin:0; } #topNavigation div#navigationMenu a { color: #727531; font-size: 14px; font-weight: bold; text-transform: uppercase; position: relative; } #topNavigation div#navigationMenu fieldset { margin:5px; } #topNavigation div#navigationMenu label { float:left; width:auto; font-size:1.2em; height:30px; line-height:30px; color:#fff; font-weight:bold; margin-left:5px; } #topNavigation div#navigationMenu input { height:18px; font-size:1.2em; margin-top:5px; width:70px; } #topNavigation div#navigationMenu input#srcGo { height:20px; font-size:1.2em; width:80px; margin-left:5px; font-weight:bold; } /* --- 6.1. DROPDOWN MENU ----------------------------------------------------------- */ /* --- 6.1.1. Generic structure ----------------------------------------------------*/ ul.nav, ul.nav ul { padding:0; margin:0; list-style:none; line-height:1; z-index:10001; } ul.nav li { float: left; } ul.nav a { display: block; } ul.nav li ul { position: absolute; left: -999em; } ul.nav li:hover { background-position: 0 0; } ul.nav li:hover ul ul, ul.nav li.sfhover ul ul { /* third level not visible when second level is */ left: -999em; } ul.nav li:hover ul, ul.nav li li:hover ul, ul.nav li.sfhover ul, ul.nav li li.sfhover ul { left: auto; } ul#topMenuSections li, ul#topMenuSections li a { height: 41px; line-height: 41px; text-decoration: none; } .sf-sub-indicator { background: url(/_static/images/www/shared/icons/icn-sf-sub.png) no-repeat scroll 0 0 transparent; display: block; height: 6px; overflow: hidden; position: absolute; right: 6px; text-indent: -999em; top: 18px; width: 10px; } /* --- 6.1.2. Level 1 customization ----------------------------------------------------*/ #topMenuSections li.liLevel1, #topMenuSections li.liLevel2 { margin: 0 5px 0 0; } #topMenuSections li.liLevel1 a, #topMenuSections li.liLevel2 a { padding: 0 20px 0 20px; border-left: 1px solid #fff; border-right: 1px solid #fff; } #topNavigation div#navigationMenu #topMenuSections li:hover a.level1 { background-color: #e9e3db; border-left: 1px solid #c8c8b4; border-right: 1px solid #c8c8b4; z-index: 10005; } #topMenuSections li#lev1opt8, #topMenuSections li#lev1opt9, #topMenuSections li#lev1opt10, #topMenuSections li#lev1opt11, #topMenuSections li#lev1opt12 { display: none; } #topMenuSections li:hover, #topMenuSections li.sfhover {background-position:0 -30px;} /* --- 6.1.3. Level 2 customization ----------------------------------------------------*/ #topMenuSections ul.level2 { width: 193px !important; border: 1px solid #c8c8b4; background-color: #e9e3db; margin-top: -1px; } #topMenuSections ul.level2 li { width: 168px !important; } #topNavigation div#navigationMenu #topMenuSections ul.level2 li a { width: 140px !important; padding: 6px 33px 6px 20px !important; color: #727531; font-weight: bold; font-size: 12px; text-transform: uppercase; border: 0; } #topMenuSections ul.level2 li, #topMenuSections ul.level2 li a { height: auto; background-color: #e9e3db; /* bgcolor of level 2 menus */ font-size: 12px; /* font size of level 2 menus */ line-height: normal; } #topMenuSections ul.level2 li { clear: left; } #topMenuSections ul.level2 ul { margin: -28px 0 0 168px; /* depending on the width/height of level 2 menu items */ } div#navigationMenu #topMenuSections ul.level2 li a:hover { color: #333; } #topMenuSections ul.level2 li a .sf-sub-indicator { right: 20px; top: 12px } #topNavigation div#navigationMenu #topMenuSections ul.level2 li:hover a { background: url(/_static/images/www/shared/bg/bg-nav-hover.jpg) repeat-x 0 100% #b43637; color: #fff; } #topNavigation div#navigationMenu #topMenuSections ul.level2 li:hover a span { background: url(/_static/images/www/shared/icons/icn-sf-sub-w.png) no-repeat scroll 0 0 transparent; } #topNavigation div#navigationMenu #topMenuSections ul.level2 li:hover ul.level3 li a { background: none #e9e3db; color: #333; } #topNavigation div#navigationMenu #topMenuSections ul.level2 li:hover ul.level3 li a span { background: url(/_static/images/www/shared/icons/icn-sf-sub.png) no-repeat scroll 0 0 transparent; } #topNavigation div#navigationMenu #topMenuSections ul.level2 li ul.level3 li:hover a { background: url(/_static/images/www/shared/bg/bg-nav-hover.jpg) repeat-x 0 100% #b43637; color: #fff; } #topNavigation div#navigationMenu #topMenuSections ul.level2 li ul.level3 li:hover a span { background: url(/_static/images/www/shared/icons/icn-sf-sub-w.png) no-repeat scroll 0 0 transparent; } #topNavigation div#navigationMenu #topMenuSections ul.level2 li ul.level3 li:hover ul.level4 li a { background: none #e9e3db; color: #333; } #topNavigation div#navigationMenu #topMenuSections ul.level2 li ul.level3 li ul.level4 li:hover a { background: url(/_static/images/www/shared/bg/bg-nav-hover.jpg) repeat-x 0 100% #b43637; color: #fff; } /* --- 6.1.4. Level 3 customization ----------------------------------------------------*/ #topMenuSections ul.level3 { width: 168px !important; border: 1px solid #c8c8b4; background-color: #e9e3db; } #topMenuSections ul.level3 li { width: 168px !important; } #topNavigation div#navigationMenu #topMenuSections ul.level3 li a { width: 115px !important; padding: 6px 33px 6px 20px !important; color: #333; font-weight: normal; text-transform: capitalize; border: 0; } /* --- 6.1.5. Level 4 customization ----------------------------------------------------*/ #topMenuSections ul.level4 { width: 168px !important; border: 1px solid #c8c8b4; background-color: #e9e3db; } #topMenuSections ul.level4 li { width: 168px !important; } #topNavigation div#navigationMenu #topMenuSections ul.level4 li a { width: 115px !important; padding: 6px 33px 6px 20px !important; color: #333; font-weight: normal; text-transform: capitalize; border: 0; } #topMenuSections ul.level2 li, #topMenuSections ul.level4 li a { height: auto; background-color: #e9e3db; /* bgcolor of level 2 menus */ font-size: 12px; /* font size of level 2 menus */ line-height: normal; } #toolBar #topInformation { height:17px; line-height:17px; float:right; color:#909090; } #toolBar #topInformation ul { } #toolBar #topInformation ul li { display:block; float:left; font-size:0.9em; margin-right:3px; } #toolBar #topInformation ul li a { color:#909090; text-decoration:none; } #toolBar #topMyAccount { height:14px; line-height:14px; float:right; color:#909090; margin-bottom:5px; width:auto !important; } #toolBar #topMyAccount ul { } #toolBar #topMyAccount ul li { display:block; float:left; font-size:0.9em; margin-left:3px; } #toolBar #topMyAccount ul li a { color:#909090; text-decoration:none; } #toolBar #topAccount { width:150px; height:43px; float:left; } #toolBar #topCart { width:150px; height:43px; float:left; } /*>>>>>>>>>> 07_leftblock.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 7. LEFT BLOCK */ /* ==================================================================================================== */ #navMenu { float: left; overflow: hidden; padding: 0; width: 210px; } #navMenu h2 { font-size: 18px; font-weight: bold; text-transform: capitalize; border-bottom: 1px solid #d9d2d2; margin: 0 0 10px; } #navMenu h3 { font-size: 14px; font-weight: bold; text-transform: capitalize; margin: 0 0 5px; } #navMenu ul { padding: 0 0 10px; width: 210px; border-bottom: 1px solid #d9d2d2; margin: 0 0 10px; } #navMenu ul.show-more { border-bottom: 0 none; margin: 0; padding: 0; } #navMenu ul.show-more li a { color: #a12a1d; font-weight: bold; } #navMenu .welcomeTitle { font-size: 1.5em; text-transform: uppercase; margin-bottom:10px; border-bottom:dashed 1px #c0c0c0; } #navMenu li { margin-bottom: 3px; } #navMenu li a { text-decoration: none; text-transform: capitalize; font-size: 12px; color: #333; } #navMenu li strong a { color: #a12a1d; } #navMenu li a:hover { text-decoration: underline; } /*>>>>>>>>>> 08_footer.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 8. FOOTER */ /* ==================================================================================================== */ div#footerBlock { width: 100%; background-image: url(/_static/images/www/shared/bg/bg-footer.jpg); height: 245px; min-width: 980px; clear: both; } div#footerBlock .content-container { height: 245px; } div#footerBlock a { color: #fff; text-decoration: none; text-transform: capitalize; } div#footerBlock a:hover { text-decoration: underline; } div#footerBlock div.top { float: left; width: 940px; height: 40px; line-height: 40px; } div#footerBlock div.top p { color: #fff; margin: 0; text-transform: uppercase; float: left; font-weight: bold; } div#footerBlock div.top div.social { float: left; } div#footerBlock div.top div.social img { margin: 7px 0 0 7px; } div#footerBlock div.top div.social p { font-size: 12px; } div#footerBlock div.top div.email-list { float: right; } div#footerBlock div.top div.email-list p { font-size: 14px; } div#enterEmail { float: left; } div#enterEmail input { width: 200px; height: 18px; border: 1px solid #aaa; margin: 10px 0 0 12px; } div#enterEmail input { width: 200px; height: 18px; border: 1px solid #aaa; margin: 10px 0 0 12px; } div#enterEmail img { margin: 10px 0 0 12px; } div#footerBlock div.middle-links { float: left; padding: 20px 0 0; height: 155px; } div#footerBlock div.middle-links div { width: 160px; float: left; padding-right: 25px; } div#footerBlock div.middle-links div#verisign { bottom: 0; left: 20px; position: absolute; } div#footerBlock div.middle-links h4 { font-size: 14px; color: #fff; margin: 0 0 4px 0; } div#footerBlock div.middle-links div ul li { margin: 0 0 3px 0; } div#footerBlock div.bottom-links { float: left; padding: 7px 0 0 110px; } div#footerBlock div.bottom-links ul { float: left; width: 856px; } div#footerBlock div.bottom-links ul li { float: left; border-left: 1px solid #fff; padding: 0 6px; color: #fff; line-height: normal; } div#footerBlock div.bottom-links ul li a { float: left; } div#footerBlock div.bottom-links ul li.first { border: 0 none; padding-left: 0; } div#footerBlock div.bottom-links ul li.copy { float: right; border: 0 none; } /*>>>>>>>>>> 09_alertboxes.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 9. ALERTBOXES */ /* ==================================================================================================== */ /* --- 9.0. BASICS -------------------------------------------------------- */ div.alertContent { padding: 10px; overflow: hidden; } div#alertbox div.alertContent { position:relative; } /* --- 9.1. FLYDOWN SHOPPING CART (NOT JQUERY) -------------------------------------------------------- */ div#shoppingBagWindow { background-color: #fff; width:400px; border:solid 1px #909090; position:absolute; z-index:10002; left:462px !important; top:63px; padding:5px; -moz-box-shadow: 0 2px 3px #666; -webkit-box-shadow: 0 2px 3px #666; margin-left:70px; } div#shoppingBagWindow table td { border-left: 0; } div#shoppingBagWindow span.standardButton { float: right; } div#shoppingBagWindow div#alertBoxCloseButton { text-align:right; float:right; } div#shoppingBagWindow div#alertBoxCloseButton button { width:16px; height:16px; border:0; background-color:transparent; background-image:url('/_static/images/www/shared/popupClose.gif'); float:right; cursor:pointer; text-indent: 999em; } div#shoppingBagWindow .title { font-size:1.4em; text-transform:uppercase; height:22px; line-height:22px; display:block; font-weight:bold; } div#shoppingBagWindow #ShippingBagLineItems { clear:both; overflow-x:hidden; } div#shoppingBagWindow #ShippingBagLineItems table { margin:5px 0; } div#shoppingBagWindow #ShippingBagLineItems table tr.headTable, div#shoppingBagWindow #ShippingBagLineItems table tr.headTable td { color:#666; font-weight:bold; border:solid 0; } div#shoppingBagWindow #ShippingBagLineItems table tr, div#shoppingBagWindow #ShippingBagLineItems table tr td { color:#303030; background-color:#fff; height:16px; line-height:16px; } div#shoppingBagWindow #ShippingBagLineItems table tr td.itemno { white-space:nowrap; } div#shoppingBagWindow #ShippingBagLineItems table tr.emptyLines, div#shoppingBagWindow #ShippingBagLineItems table tr.emptyLines td { height:2px; font-size:1px; line-height:1px; } div#shoppingBagWindow #ShippingBagLineItems table td.rightBorder { } div#shoppingBagWindow #ShippingBagLineItems table tr.total td {; color:#404040; font-weight:bold; text-align:left; border-bottom:solid 1px #c0c0c0; } div#shoppingBagWindow #bagButtons { height:30px; overflow:hidden; text-align:right; clear:both; float:left; margin-top:3px; width:100%; } div#shoppingBagWindow #bagButtons a.standardButton { float:right; margin-left:5px; } div#shoppingBagWindow #bagButtons a.standardButton span { text-transform:uppercase; } /* --- 9.1. FOR ALL JQUERY ALERTBOXES ----------------------------------------------------------------------------- */ .ui-dialog { -moz-box-shadow:2px 2px 2px #666; -webkit-box-shadow: 2px 2px 2px #666; } div.alertbox, div#alertbox { margin: 5px; border: 2px solid #A12A1D; } div.alertBoxContent, div#alertBoxContent {} div.alertBoxScroller, div#alertBoxScroller {} div#alertBoxScroller h1 {margin-bottom:10px;} div#alertBoxScroller h2 {margin-bottom:10px; margin-top:0px;} div#alertBoxScroller h3 {margin-bottom:10px;} div#alertBoxScroller h4 {margin-bottom:5px;} div#alertBoxScroller p {margin:0 0 5px 0;} /* --- 9.2. QUICKVIEW -------------------------------------------------------------------------------------- */ .alertboxQuickView { width:600px; } /* FOR FURTHER STYLING, SEE 21_PRODUCT_QUICKVIEW.CSS */ /* --- 9.3. GIFT WRAP -------------------------------------------------------------------------------------- */ .giftWrapWindow { width:375px; } div.giftWrapHeader { float:left; font-size:1.2em; height:30px; line-height:30px; border-bottom:solid 1px #999; font-weight:bold; color:#999; } div.giftWrapItem {width:100px;} div.giftWrapDetails {width:204px;} div.giftWrapPrice {width:70px;} div.giftwrapHighlight, div.giftwrapNotHighlight { width:374px; height:55px; font-size:1.1em; cursor:pointer; clear:left; border-bottom:solid 1px #999; } div.giftwrapHighlight { background:#e0e0e0; } div.giftwrapHighlight img, div.giftwrapNotHighlight img { width:45px; height:45px; float:left; margin:5px 50px 5px 5px; background:#ccc; font-size:1px; } input.giftwrapRemove { width:130px !important; left:-10px; } div.giftwrapHighlight div.colorName, div.giftwrapNotHighlight div.colorName { width:204px; float:left; padding-top:10px; } div.giftwrapHighlight div.price, div.giftwrapNotHighlight div.price { width:70px; float:left; padding-top:10px; } div.giftWrapWindow a.standardButton { margin:5px 5px 0 0; outline:none !important; } /* --- 9.4. FIND IT IN STORE -------------------------------------------------------------------------------------- */ .findItInStoreWindow { width:665px; } .findItInStoreWindow iframe#findItInStoreFrame { height: 288px; width: 665px; border: 0 none; overflow: hidden; } body.findItInStore { background-image: none; font-size:0.7em; } body.findItInStore div#findItInStoreResultsWrapper, body.findItInStore div#findItInStoreSearchWrapper { width: 325px; height: 288px; float: left; overflow: hidden; overflow-y: auto; } body.findItInStore div#findItInStoreSearchWrapper a.standardButton { float:right; } body.findItInStore div#findItInStoreResultsWrapper div.storeBlock { overflow: hidden; margin-bottom: 10px; padding-bottom:10px; border-bottom:dashed 1px #c0c0c0; } body.findItInStore div#findItInStoreResultsWrapper div.storeBlock div.storeNameAddress { float: left; width: 205px; } body.findItInStore div#findItInStoreResultsWrapper div.storeBlock div.storeNameAddress a { display:block; font-weight:bold; } body.findItInStore div#findItInStoreResultsWrapper div.storeBlock div.storeUnitsAvailable { float: left; width: 50px; text-align: center; } body.findItInStore div#findItInStoreResultsWrapper div.storeBlock div.storeMap { float: left; width: 50px; text-align: center; } body.findItInStore div#locatorDetailsBox { height: 288px; width: 665px; } body.findItInStore div#locatorDetailsBox div.map { float: right; width: 435px; height: 286px; border:solid 1px #c0c0c0; } body.findItInStore div#locatorDetailsBox div#locatorInfo { width: 200px; overflow:hidden; float:left; } body.findItInStore div#locatorDetailsBox div#locatorInfo div#locatorAddress { margin-bottom:10px; } body.findItInStore div#locatorDetailsBox div#locatorInfo div#locatorHours { } /* --- 9.5. ADD and EDIT ADDRESS (CHECKOUT) -------------------------------------------------------------------------------------- */ div#overlayForm { background-color:#fff; font-size:1.1em; overflow:hidden; } div#overlayForm div#popupAddAddress, div#overlayForm div#popupEditAddress { float:left; width:345px; margin-bottom:10px; margin-left:5px; } div#overlayForm h3 { margin-bottom:10px; float:left; width:630px; } div#overlayForm div#popupAddAddress input#submitBTN1 { margin-left:150px; } div#overlayForm div#popupSavedAddresses { float:left; width:280px; overflow:hidden; } div#overlayForm div#popupSavedAddresses div.savedAddress { clear:both; float:left; margin-bottom:10px; width:250px; } div#overlayForm div#popupSavedAddresses div.savedAddress a.standardButton { float:right; margin-left:5px; } form#frmExcelUpload .mainButton { clear:both; margin:5px 0; float:left; } /* --- 9.3. SMALL ALERT BOX -------------------------------------------------------------------------------- */ .tool-tip-box { width: 350px; border: 1px solid #A12A1D; } .alertboxSmall { width: 250px; } .alertboxSmallTest { width: 450px; height: 138px; } .alertboxSmallTOP { width:250px; height:138px; z-index:99999; } .alertboxSmall #alertBoxScroller { height:100px; } /* --- 9.4. CVC BOX -------------------------------------------------------------------------------- */ .alertboxCVC { width:450px; height:298px; } .alertboxCVC #alertBoxScroller { height:260px; } /* --- 9.5. FIELD EMPTY BOX -------------------------------------------------------------------------------- */ .fieldEmpty { width:270px; height:128px; } .fieldEmpty #alertBoxScroller { height:90px; } /* --- 9.6. WRONG ENTRY IN ORDER STATUS SEARCH ------------------------------------------------------- */ .profileCreateError { width:200px; height:108px; } .profileCreateError #alertBoxScroller { height:70px; } /* --- 9.7. SEND TO A FRIEND -------------------------------------------------------------------------------- */ .productDetailsWindow { width:400px; } .productDetailsWindow #alertBoxScroller { width:370px; font-size:0.9em; overflow:hidden !important; } .productDetailsWindow #alertBoxScroller h2 { margin-bottom:0; } .productDetailsWindow #alertBoxScroller .mandatoryfields { margin-bottom:10px; padding-top:5px; display:block; float:none; } .productDetailsWindow #alertBoxScroller .sendtofriendColumn { width:180px; float:left; margin-right:5px; border:solid 0; font-size:1.1em; margin-bottom:2px; } .productDetailsWindow #alertBoxScroller .sendtofriendColumn .fieldLabel { margin-left:10px; } .productDetailsWindow #alertBoxScroller .sendtofriendColumn fieldset { display:block; height:20px; float:left; clear:left; } .productDetailsWindow #alertBoxScroller .sendtofriendColumn fieldset label { width:8px; height:18px; overflow:hidden; text-align:center; line-height:18px; margin-right:2px; } .productDetailsWindow #alertBoxScroller .sendtofriendColumn fieldset label.inputerror { background:#c00; color:#fff; } .productDetailsWindow #alertBoxScroller input { width:158px; margin:0; } .productDetailsWindow #alertBoxScroller #explanation { font-weight:bold; height:30px; clear:both; font-size:1.2em; line-height:30px; padding-top:10px; padding-left:10px; } .productDetailsWindow #alertBoxScroller .sendtofriendMessage { width:100%; border:solid 0; height:24px; line-height:24px; font-size:1.1em; margin-bottom:2px; clear:left; height:70px; padding-top:10px; } .productDetailsWindow #alertBoxScroller .sendtofriendMessage label { margin-left:10px; width:120px; } .productDetailsWindow #alertBoxScroller textarea { width:223px; height:60px; } .productDetailsWindow #alertBoxScroller #sendButton { height:40px; text-align:right; margin-top:10px; margin-right:10px; float:right; } .productDetailsWindow #alertBoxScroller #sendButton input { width:auto; text-transform:uppercase; } /* --- 9.9. INITIATE A RETURN -------------------------------------------------------------------------------- */ .alertboxReturns { width:400px; height:163px; } .alertboxReturns #alertBoxScroller { height:125px; overflow:hidden; } .alertboxReturns #alertBoxScroller fieldset { padding:10px 0; } / /* --- 9.11. SHOPPING BAG POPUP (LARGE MID-SCREEN) ----------------------------------- */ div#shopBag { float:left; height:80%; width:80%; z-index:90; } div.overlayBG { position:absolute; top:0pt; width:100%; z-index:100000; background-color:#000; height:100%; left:0; opacity:0.45; -moz-opacity: 0.45; } .shoppingBagFrameInvisible { display:none; } div.opaqueBG { background:#FFFFFF none repeat scroll 0%; border:5px solid #050; height:365px; left:50%; margin-left:-375px; position:absolute; top:80px; width:750px; z-index:100001; } div.opaqueBG h2 { clear:both; font-size:1.6em; height:20px; line-height:20px; text-transform:uppercase; text-align:left; margin:0 0 0 25px; } div#minOrder { height:28px; margin:0 0 0 25px; line-height:14px; color:#f00; font-size:1em; } div.opaqueBG #orderSumBar { margin-left:25px; width:700px; height:20px; line-height:20px; background:#909090; color:#fff; padding:0; margin:0 0 0 25px; } div.opaqueBG #orderSumBar div { float:left; text-align:center; border-right:solid 1px #909090; } div.opaqueBG #orderSumBar div.prodImage {width:90px;} div.opaqueBG #orderSumBar div.prodDesc {width:120px;} div.opaqueBG #orderSumBar div.prodColor {width:100px;} div.opaqueBG #orderSumBar div.prodSize {width:120px;} div.opaqueBG #orderSumBar div.prodPrice {width:50px;} div.opaqueBG #orderSumBar div.prodQty {width:40px;} div.opaqueBG #orderSumBar div.prodTotal {width:70px;} div.opaqueBG #orderSumBar div.prodRemove {width:86px;} div.opaqueBG iframe { float:left; clear:left; width:700px; height:200px; margin-left:25px; overflow-x: hidden; } body.shoppingCartDetailsBody { background:#fff; margin:0; padding:0; } body.shoppingCartDetailsBody div#orderSumCont { clear:both; width:684px; background:#fff; } body.shoppingCartDetailsBody table.shoppingCartTable { /* width:684px;*/ background:#e0e0e0; width:100%; } body.shoppingCartDetailsBody table.shoppingCartTable td { border-right:solid 1px #c0c0c0; border-bottom:solid 1px #c0c0c0; text-align:center; overflow:hidden; padding:10px 0; font-size:11px; } body.shoppingCartDetailsBody table.shoppingCartTable td.prodImage {width:90px; border-left:solid 1px #c0c0c0;} body.shoppingCartDetailsBody table.shoppingCartTable td.prodDesc {width:120px;} body.shoppingCartDetailsBody table.shoppingCartTable td.prodColor {width:100px;} body.shoppingCartDetailsBody table.shoppingCartTable td.prodSize {width:120px;} body.shoppingCartDetailsBody table.shoppingCartTable td.prodPrice {width:50px;} body.shoppingCartDetailsBody table.shoppingCartTable td.prodQty {width:40px;} body.shoppingCartDetailsBody table.shoppingCartTable td.prodTotal {width:70px; font-weight:bold;} body.shoppingCartDetailsBody table.shoppingCartTable td.prodRemove {font-size:10px;} body.shoppingCartDetailsBody table.shoppingCartTable td.prodQty input { width:20px; margin:10px; text-align:center; } body.shoppingCartDetailsBody table.shoppingCartTable td.prodColor select { width:90px; margin:0 5px; } body.shoppingCartDetailsBody table.shoppingCartTable td.prodSize select { width:110px; margin:0 5px; } body.shoppingCartDetailsBody table.shoppingCartTable td.prodRemove button { border:solid 0; cursor:pointer; font-size:1em; height:20px; width:60px; line-height:20px; background:#606060; color:#fff; } body.shoppingCartDetailsBody table.shoppingCartTable .opaqueShoppingBag { color:#909090; background:#c0c0c0 } body.shoppingCartDetailsBody table.shoppingCartTable td.opaqueShoppingBag img { -moz-opacity: 0.40; opacity:0.40; } body.shoppingCartDetailsBody table.shoppingCartTable td.reducedStart { border-left:solid 1px #c00; border-top:solid 1px #c00; border-right:solid 0; border-bottom:solid 1px #c00; } body.shoppingCartDetailsBody table.shoppingCartTable td.reducedMiddle { border-top:solid 1px #c00; border-bottom:solid 1px #c00; border-right:solid 0; } body.shoppingCartDetailsBody table.shoppingCartTable td.reducedEnd { border-right:solid 1px #c00; border-top:solid 1px #c00; border-bottom:solid 1px #c00; color:#c00; } iframe#iShoppingLogos { width:200px; height:70px; float:left; } body.shoppingLogos { background:#fff; } body.shoppingLogos div#verisignLogo { width:120px; float:left; height:120px; } div.opaqueBG div.buttonHolder { float:right; width:500px; height:70px; margin:15px 25px 0 0; } div.opaqueBG div.buttonHolder button.mainButton { } .opaqueShoppingBag { color:#909090; background:#c0c0c0 } td.opaqueShoppingBag img { -moz-opacity: 0.40; opacity:0.40; } /* --- 9.12. EMPTY SHOPPING CART ------------------------------------------------------------------- */ div#emptyShoppingCart { font-size:1.2em; width:700px; height:200px; background:#fff; } div#emptyShoppingCart a { display:block; margin:20px 0; font-weight:bold; } /* --- 9.14. KITS ------------------------------------------------------------------- */ .kitsWindow { width:800px; height:550px; } .kitsWindow #alertBoxScroller { height:290px; font-size:0.9em; } .kitsWindow #alertBoxScroller .mainButton { float:right; margin-top:10px; margin-left:16px; } .kitsWindow #alertBoxScroller .mainButton input { } /* --- 9.15. Geolocation Alert Box ------------------------------------------------------------------- */ div#mapping-geolocation-loading { min-height: 70px !important; } div#mapping-geolocation-loading p { margin: 0 0 10px; color: #666; } div#mapping-geolocation { width: 560px !important; color: #fff; background: url(/_static/images/www/Shared/bg/bg-geolocation-popup.jpg) 0 0 repeat-x; overflow: hidden; } div#mapping-geolocation div.alertContent { padding: 20px; } div#mapping-geolocation h1 { background-image: url(/_static/images/www/Shared/logos/logo-welcome-total-wine.png); border: none; width: 204px; height: 65px; margin: 0 auto; text-indent: -999em; *position: relative; *left: -140px; } div#mapping-geolocation p.blurb { border-top: 1px solid #ab3728; padding: 10px; margin: 10px 0 0; } div#mapping-geolocation div#map-selection { width: 520px; height: 300px; float: left; margin: 15px 0; } div#mapping-geolocation div#map-selection .bannerNavigationCar ul { display: none; } div#mapping-geolocation fieldset { padding: 0 10px; clear: none; margin: 6px 0 0; width: 260px; } div#mapping-geolocation fieldset#selStoreLocationFieldSet { margin: 6px 0 2px; } div#mapping-geolocation fieldset.buttons { float: left; margin-top: 12px; clear: left; } div#mapping-geolocation fieldset.buttons input { float: left; } div#mapping-geolocation fieldset label { color: #efe2ca; font-size: 14px; letter-spacing: 0.2em; text-transform: uppercase; margin-top: 2px; width: auto; } div#mapping-geolocation fieldset select { width: 215px; border: 2px solid transparent; color: #333; } div#mapping-geolocation fieldset select#selStateId { margin-top: -1px; *margin-left: -5px; } div#mapping-geolocation fieldset select#selStateId { margin-top: -1px; } div#mapping-geolocation fieldset select#selStateId, div#mapping-geolocation fieldset select#selStoreLocation { *margin-left: -5px; } div#mapping-geolocation fieldset select.errorMessage { margin: 0; border: 2px solid #f00; } div#mapping-geolocation div.numbers { float: left; width: 27px; height: 17px; padding: 5px 0; text-align: center; border: 1px solid #f86835; font-weight: bold; font-size: 22px; margin: -4px 12px 0 0; } div#mapping-geolocation div.selected { /*border-color: #f86835;*/ } div#mapping-geolocation fieldset.buttons input { color: #fff; background-color: #000; text-transform: uppercase; font-weight: bold; border: 0 none; padding: 5px 7px 22px; width: auto; cursor: pointer; *height: 28px !important; } div#mapping-geolocation fieldset.buttons input#mappingGeoLocationCancel-btn { background-color: transparent; position: absolute; right: 5px; top: 5px; } div#mapping-geolocation div#geoLocationTxtBottom { clear: left; float: left; margin-left: 10px; width: 510px; } div.mapping-geolocation-confirm { width: 500px !important; height: auto; } div.mapping-geolocation-confirm fieldset.buttons { float: right; margin: 20px 0 0; } /* --- 9.16. SHOPPING CART SEND TO A FRIEND ----------------------------------- */ div#sendToFriendForm { width: 380px; } div#sendToFriendForm div.sendtofriendColumn { width: 380px; clear: left; float: left; } div#sendToFriendForm div.sendtofriendColumn fieldset { margin-bottom: 6px; } div#sendToFriendForm div.sendtofriendColumn fieldset input { width: 227px; } div.explanation { width: 380px; float: left; font-weight: bold; margin: 6px 0 16px; } div#sendToFriendForm div#overlayForm div.sendtofriendColumn textarea { resize: none; width: 219px; height: 90px; padding: 2px 4px; } div#sendToFriendForm div.send-me-copy { width: 175px; margin: 6px 0 0 150px; } div#sendToFriendForm div.send-me-copy input { margin-top: 0; } div#sendToFriendForm div#sendButton { float: right; } /* --- 9.17. SHIP COMPLIANCE POPUP ----------------------------------- */ div.ship-compliance { width: 286px !important; } a#close { font-size: 11px; color: #666; float: right; } div.ship-compliance div.fix-errors { float: left; clear: right; width: 100%; } div.ship-compliance div.fix-errors p { margin: 5px 0; } div.ship-compliance div.fix-errors ul li { font-weight: bold; color: #000; list-style-position: inside; list-style-type: disc; margin-bottom: 4px; } div#suggested-address, div#current-address { float: left; font-size: 11px; width: 100%; margin: 12px 0; color: #000; } a#close-compliance, a#close-to-correct, a#accept-anyway, a#accept-suggested, a#accept-confirmed { background-color: #a12a1d; color: #fff; float: left; font-size: 14px; font-weight: normal; line-height: 16px; margin: 6px 6px 0 0; padding: 4px; text-align:center; text-transform: capitalize; width: 257px; } a#close-compliance { width: 60px; margin-left: 98px; } a#close-compliance:hover, a#close-to-correct:hover, a#accept-anyway:hover, a#accept-suggested:hover, a#accept-confirmed:hover { background-color: #892419; text-decoration: none; } h2.compliance { border-bottom: 1px solid #A12A1D; font-size: 20px; margin-bottom: 10px; padding-bottom: 0; text-align: center; } h3.compliance { font-size: 16px; font-weight: normal; margin-bottom: 10px; padding-bottom: 0; text-transform: capitalize; } span.address-highlight { font-weight: bold; } /*>>>>>>>>>> 10_tables.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 10. TABLE PROPERTIES */ /* ==================================================================================================== */ /* --- 10.1. GENERAL PROPERTIES FOR ALL TABLES --------------- */ table { margin: 10px 0; width: 100%; } table th { background: #7F0407; color: #fff; height: 20px; line-height: 20px; text-transform: uppercase; } table td { border-left:solid 1px #c0c0c0; border-bottom:solid 1px #c0c0c0; padding:3px; text-align:center; } table .columnLeft { text-align:left; padding-left:5px; } table .columnRight { text-align: right; padding-right:5px; } table td.columnRight { border-right:solid 1px #c0c0c0; } table td.columnFullWidth { text-align:center; border-right:solid 1px #c0c0c0; } /* --- 10.2. LIST OF ORDERS --------------- */ /* --- 10.2.1. Common items --------------- */ table.ordersList {} table.ordersList .columnOrderNumber {width:100px;} table.ordersList .columnOrderDate {width:100px;} table.ordersList .columnOrderStatus { text-transform: capitalize; } /* VARIABLE WIDTH! */ table.ordersList .columnOrderTotal {width:100px; white-space:nowrap;} /* --- 10.2.2. Specific items --------------- */ table#ordersHistory th { background-color: #fff; color: #333; border-bottom: 1px solid #e0e0e0; font-size: 12px; font-weight: bold; padding: 4px 10px; text-align: left; } table#ordersHistory td { padding: 14px 11px; font-weight: normal; border: 0 none; background-color: #fff; text-align: left; } table#ordersHistory tr.even td { background-color: #f4f4e7; } table#ordersHistory td a { color: #333; text-decoration: underline; } table#ordersHistory td a:hover { text-decoration: none; } table#ordersHistory .columnTracking { width: 110px; } table#orderStatus th { background-color: #fff; color: #333; background-color: #eee; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; font-size: 11px; font-weight: bold; padding: 4px 10px; text-align: left; white-space: nowrap; } table#orderStatus th.columnLeft, table#orderStatus td.columnLeft { padding: 4px 10px 4px 0; } table#orderStatus th.columnRight, table#orderStatus td.columnRight { text-align: right; } table#orderStatus td { padding: 14px 11px; font-weight: normal; border: 0 none; border-bottom: 1px solid #e0e0e0; background-color: #fff; text-align: left; } table#orderStatus td.columnSize { width: auto; } table#orderStatus tr td.columnQuantity { width: auto; text-align: center; } table#orderStatus tr td.columnTotal { width: auto; } table#orderStatus tr.bottomLine td { text-align: right; text-transform: capitalize; white-space: nowrap; } table#orderStatus tr.bottomLine td.total { font-weight: bold; } table#orderStatus td a { color: #333; text-decoration: underline; } table#orderStatus td a:hover { text-decoration: none; } table#orderStatus .columnTracking { width: 110px; } /* --- 10.3. LIST OF ITEMS --------------- */ /* --- 10.3.1. Common items --------------- */ table.itemsList {} table.itemsList .columnItem {} /* VARIABLE WIDTH! */ table.itemsList .columnItem div.itemImage { float: left; width: 77px; height: 105px; margin: -10px 20px 10px 5px; overflow: hidden; display: block; } table.itemsList .columnItem div.itemImage a { width: 75px; height: 105px; display: block; } table.itemsList .columnItem div.itemImage img { width: 75px; height: 105px; overflow: hidden; display: block; background-color: #eee; } table.itemsList .columnItem div.itemID {float:left;font-weight:bold;} table.itemsList .columnItem div.itemLink { float: left; width: 280px; margin: 0 0 0 0; } table.itemsList .columnItem div.itemLink a { font-size: 12px; color: #a12a1d; } table.itemsList .columnItem div.itemLink .winery-direct { height: 20px; margin-top: 10px; width: 110px; } table.itemsList .columnItem div.itemLink .winery-direct a { display: block; height: 20px; width: 110px; } table.itemsList .columnItem div.giftWrap {clear:both; float:left; margin-left:5px;} table.itemsList .columnItem div.giftWrap a {text-decoration:none;} table.itemsList .columnItem div.giftWrap img {margin-right:3px;} table.itemsList .columnColor {width:80px;} table.itemsList .columnColor select {width:70px; margin:0; float:none;} table.itemsList .columnDimension {width:80px; overflow:hidden;} table.itemsList .columnDimension input {} table.itemsList .columnDimension select {width:70px; margin:0; float:none;} table.itemsList .columnSize { width: 110px; } table.itemsList .columnSize input {} table.itemsList .columnSize select {width:70px; margin:0; float:none;} table.itemsList .columnPrice { width: 50px; white-space: nowrap; } table.itemsList .columnQuantity { width: 90px; } table.itemsList td.columnQuantity input { width: 20px; margin: -4px 5px; text-align: center; font-size: 12px; } table.itemsList .columnTotal { width: 60px; white-space: nowrap; } table.itemsList tr.bottomLine td { background:#e0e0e0; text-align:right; height:18px; line-height:18px; padding:0 5px; font-weight:bold; color:#303030; } table.itemsList tr.bottomLine td.columnRight { border-left:solid 0; } table.itemsList tr td.promoRow { border-right:solid 1px #c0c0c0; background:#c0c0c0; } table.itemsList tr td .promoLine { } table.itemsList tr td .promoLine p { margin:0; } /* --- 10.3.2. Unique items to specific tables --------------- */ table#shoppingCart th { background-color: transparent; color: #333; border-bottom: 1px solid #e3e2de; text-transform: none; text-transform: capitalize; text-align: left; } table#shoppingCart td { border: 0 none; border-bottom: 1px solid #e3e2de; vertical-align: top; padding: 20px 0 0 0; text-align: left; } fieldset#vintage-substitution { margin: 40px 0 0; width: 200px; } fieldset#vintage-substitution label { white-space: nowrap; } div#OrderInformation fieldset#vintage-substitution label, table#orderConfirmation fieldset#vintage-substitution label { color: #bbb; } table#shoppingCart td.columnItem { width: 445px; } table#shoppingCart td.columnSize { width: 120px; } table#shoppingCart td.columnSize select { width: 110px } table#shoppingCart td.columnQuantity { width: 90px; } table#shoppingCart td.columnTotal { width: 130px; font-size: 12px; } div.original-price { text-decoration: line-through; } div.sale-price { color: #a12a1d; } table#shoppingCart td.columnRemove { width: 152px; } table#shoppingCart .columnRemove { width:75px; padding-right:3px; } table#shoppingCart .columnRemove a { font-size: 12px; display: block; margin: 0 0 7px 0; text-transform: capitalize; } table#shoppingCart .columnRemove .tooltip a { margin: 0 0 7px 0; text-transform: capitalize; } .charge-type { display: block; clear: left; margin-top: 10px; font-size: 12px; } table#shoppingCart .columnAddToCart {width:75px; text-align:center;} table#shoppingCart .columnAddToCart button {border:solid 1px #000; font-size:9px; width:65px; margin:0 5px;} table#requestReturn .columnReasonSelect {width:140px;} table#requestReturn .columnReasonSelect select {width:140px;} table#requestReturn .columnQuantity {width:40px;} table#requestReturn .columnQuantity select {width:40px;} table#pastReturn .columnReason {width:60px;} table#pastReturn .columnReturned {width:50px;} table#pastReturn .columnCredited {width:50px;} /* --- 10.4. ERROR LINES ETC. --------------- */ table td.errorRow { padding:0 !important; border:solid 0 !important; } table td.errorRow .errorLine { background:#fff; padding:3px; font-weight:bold; color:#c00; display:none; margin:0; border:solid 0; margin-top:10px; border:solid 1px #c00; } table td.errorRow .errorLine .errorMessage { line-height:1.2em; margin:0; } table tr.productError td { background:#ddd; color:#909090; border-top:solid 1px #c00; border-bottom:solid 1px #c00; } table tr.productError td.columnLeft { border-left:solid 1px #c00; text-align:left; } table tr.productError td.columnRight { border-right:solid 1px #c00; text-align:right; } table tr.productError td a { color:#909090; } /*>>>>>>>>>> 11_myaccount.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 11. MY ACCOUNT */ /* ==================================================================================================== */ /* --- 11.1. GENERAL ------------------------------------------------------------------- */ #myAccountBlock { position: relative; width: 940px; } #myAccountBlock h3 { font-size: 16px; margin-bottom: 13px; text-transform: none; } #myAccountBlock #myAccountContentSection { float: left; width: 700px; min-height:350px; height:auto !important; height:350px; padding:0 0 10px 0; margin: 0 0 0 30px; } /* --- 11.2. NAVIGATION ------------------------------------------------------------------- */ #myAccountBlock #myAccountNav h3 { font-size: 18px; font-weight: bold; text-transform: none; margin: 0 0 21px; } #myAccountBlock #myAccountNav { float: left; overflow: hidden; padding: 0; width: 210px; } #myAccountBlock #myAccountNav .welcomeTitle { font-size: 1.5em; text-transform: uppercase; margin-bottom:10px; border-bottom:dashed 1px #c0c0c0; } #myAccountBlock #myAccountNav li { margin-bottom: 6px; } #myAccountBlock #myAccountNav li a { text-decoration: none; text-transform: capitalize; font-size: 14px; color: #333; } #myAccountBlock #myAccountNav li strong a { color: #a12a1d; } #myAccountBlock #myAccountNav li a:hover { text-decoration: underline; } #myAccountBlock #myAccountSalesRepNav { /*background:#eee;*/ left: 0; margin: 0 15px 0 0; overflow:hidden; padding: 12px 5px 10px 15px; position: absolute; top: 230px; width: 185px; } #myAccountBlock #myAccountSalesRepNav li { display:block; /*float:left;*/ margin: 0 7px 7px 0; padding: 0 7px 0 2px; } #myAccountBlock #myAccountSalesRepNav li a { text-decoration: none; } #myAccountBlock #myAccountSalesRepNav li a:hover { text-decoration: underline; } #myAccountBlock a.standardButton { float:right; margin-left:5px; } #myAccountBannerLeft { float: left; padding-top: 20px; } /* --- 11.3. LOGIN PAGE ------------------------------------------------------------------- */ #myAccountBlock div.accountLoginBlock fieldset { width: 302px; } #myAccountBlock div.accountLoginBlock fieldset input.input { width: 175px; } #myAccountBlock div.accountLoginBlock fieldset label { width: 125px; font-weight: bold; margin: 0; } #myAccountBlock .accountLoginBlock { float: left; margin: 12px 60px 10px 0; width: 303px; min-height: 150px; height: auto !important; height: 150px; } #myAccountBlock div.forgot-password { clear: left; } #myAccountBlock .accountLoginRight { margin-right:0; } #myAccountBlock .accountLoginBlock ul { margin-bottom:10px; } #myAccountBlock #userLoginMessageContainer, #myAccountBlock #forgotPasswordContainer, #myAccountBlock #newUserMessageContainer { margin-left:10px; } #myAccountBlock #userLoginMessageContainer img { float:left; } #myAccountBlock .accountLoginBlock .errorMessage { float: left; width: 292px; } #myAccountBlock #newUserRegistrationForm li { list-style-type:disc; list-style-position:inside; } #myAccountBlock #userLoginMessageContainer { } #myAccountBlock .accountLoginBlock a.standardButton { float: right; margin: 18px 0 0 0; text-transform: capitalize; } #myAccountBlock div.yes-password a.standardButton { clear: right; } #myAccountBlock .accountLoginBlock a#forgot-password-btn { float: right; font-weight: bold; text-decoration: underline; margin: 0 0 0 0; } /* --- 11.4. ACCOUNT HOME ------------------------------------------------------------------- */ #myAccountBlock #myAccountContentSection h2 { margin-bottom: 0; white-space: nowrap; } #myAccountBlock #myAccountContentSection h3 { margin: 0 0 16px; float: left; font-size: 14px; } #myAccountBlock #myAccountContentSection #profileForm h2 { border-bottom: 1px solid #D9D2D2; font-size: 14px; margin: 0 0 15px; font-weight: bold; color: #A12A1D; text-transform: capitalize; } #myAccountBlock #contentBlock { width: auto; } #myAccountBlock .accountHomeBlock { padding: 20px 0 20px 0; border-bottom: 1px solid #e0e0e0; overflow: hidden; } #myAccountBlock .accountHomeBlock div.buttons { float: right; } #myAccountBlock .accountHomeBlock a { float: left; font-size: 11px; text-transform: capitalize; } #myAccountBlock .accountHomeBlock a.divider { margin: 0 3px 0 4px; cursor: none; } #myAccountBlock .accountHomeBlock a.divider:hover { text-decoration: none; } #myAccountBlock .accountHomeBlock form { overflow:hidden; } #myAccountBlock .accountHomeBlock .addressBookTop { float: left; clear: both; padding-bottom: 20px; width: 100%; } #myAccountBlock .addressBookBlock { float: left; margin: 10px 0 10px 0; position: relative; width: 700px; } #myAccountBlock .addressBookBlock .addressDetails { height: 90px; float: left; } .accountHomeBlock .addressBookBlock .addressDetails { height: auto !important; } #myAccountBlock .accountHomeBlock p { padding:0; float: left; clear: left; margin: 0; line-height: 1.6em; } #myAccountBlock .accountHomeBlock ul { float: left; clear: left; } #myAccountBlock .accountHomeBlock ul li { margin: 0 0 7px; } #myAccountBlock #userLoginMessageContainer img { float:left; } #myAccountBlock #userLoginMessageContainer #loginUserMessage, #myAccountBlock #forgotPasswordContainer #forgotPasswordMessage, #myAccountBlock #newUserMessageContainer #newUserMessage { line-height: 16px; color: #c00; float: left; font-weight: bold; } #myAccountBlock #newUserRegistrationForm li { list-style-type:disc; list-style-position:inside; } #myAccountBlock #accountInformation { float: left; margin-bottom: 15px; } #myAccountBlock #billingAdress { float: left; margin-bottom: 15px; } /* --- 11.5. ACCOUNT PROFILE (MY PROFILE, , CREATE ACCOUNT, "EDIT ACCOUNT" FROM ACCOUNT HOME, AND QUICK ORDER) --------------- */ #myAccountBlock #profileForm { float: left; padding: 5px 0 0; width: 410px; } #myAccountBlock #profileForm div.mandatoryfields { float: left; margin: 0; width: 410px; text-align: right; padding: 0 0 16px; } #myAccountBlock #profileForm fieldset { width: 410px; } #myAccountBlock #profileForm fieldset label { width: 150px; margin: 0; font-weight: bold; } #myAccountBlock #profileForm fieldset input { width: 249px; padding: 0 3px; } #myAccountBlock #profileForm fieldset select { width: 257px; } #myAccountBlock #profileForm div#preferredLocation label { margin-left: 10px; font-weight: normal; width: 140px; } #myAccountBlock #profileForm div#birthday-promotion select#BirthMonth, #myAccountBlock #profileForm div#birthday-promotion select#BirthDay { width: 124px !important; } #myAccountBlock #profileForm div#birthday-promotion select#BirthDay { margin: 0; } div#promotionalPurpose { float: left; width: 260px; margin: 0 0 8px 0; } #myAccountBlock #profileForm div#newsletterFields { float: left; margin: 15px 0 0; } #myAccountBlock #profileForm div h3 { margin-bottom: 10px; } #myAccountBlock #myAccountContentSection h4 { text-transform: capitalize; font-size: 12px; float: left; margin-bottom: 10px; } #myAccountBlock #profileForm div#newsletterFields label { width: 380px; } #myAccountBlock #profileForm div#newsletterInfo { clear: left; overflow: hidden; } #myAccountBlock #profileForm span.standardButton { float: right; } p.create-account-disclaimer { width: 260px; float: right; } #myAccountBlock #createAccountRight { float: right; margin-left: 20px; } #myAccountBlock #profileForm span.clear-right { clear: right; } #myAccountBlock #profileForm #bottomCreateAccountRight { float: right; padding-top: 40px; width: 410px; } #myAccountBlock #profileForm #bottomCreateAccountRight a { padding: 5px 0; float: left; } #userProfileLoggedin { float:left; width: 700px; } /* --- 11.6. ADDRESS BOOK (ADD & EDIT) --------------------------------------------------------------------- */ div#myAddresses { overflow:hidden; padding-top:20px; margin-bottom:20px; } div#addressbook-page { float: left; width: 700px; } div#addressbook-page div#myAddresses { border-bottom: 1px solid #e0e0e0; padding: 0; } #myAccountBlock div#addressbook-page .addressBookBlock { width: 233px; height: 125px; margin: 20px 0 0; position: relative; } #myAccountBlock div#addressbook-page .addressBookBlock div.buttons { float: left; left: 0; bottom: 0; } #myAccountBlock div#addressbook-page a.standardButton { float: left; text-transform: capitalize; color: #a12a1d; background-color: transparent; font-weight: normal; margin: 0 17px 0 0; padding: 4px 0; } #myAccountBlock div#addressbook-page a.standardButton span { padding: 0; } #myAccountBlock div#addressbook-page #profileForm { padding: 0; } #myAccountBlock div#addressbook-page #profileForm .mainButton { height: auto; } #myAccountBlock div#addressbook-page div#profileForm div.mandatoryfields { float: left; margin: 0; padding: 0 0 18px; text-align: right; width: 410px; } /* --- 11.7. WISH LIST --------------------------------------------------------------------- */ div#wishList h2 { padding-top: 10px; } div#wishList div.buttons { float: right; margin-top: -26px; } div#wishList div.buttons a { float: left; margin-right: 7px; text-transform: capitalize; font-weight: bold; } div#wishList div.buttons a#printPage { padding: 0 0 0 20px; background-position: 0 0; } div#wishList div#social-media { float: right; margin-top: -30px; clear: right; width: 300px; *width: 295px; } div#wishList div#social-media a { float: left; } div#wishList div.buttons span { float: left; } div#wish-list-cm, div#wishListItems { float: left; clear: left; width: 700px; } div#wish-list-cm { margin-top: 10px; } div#wishListItems { margin-top: 35px; } div#wishListItems table.simpleTable th { background-color: transparent; color: #333; height: 25px; line-height: 25px; text-transform: capitalize; text-align: left; border-bottom: 1px solid #eee; padding: 0 10px; white-space: nowrap; } div#wishListItems table.simpleTable td { padding: 10px; vertical-align: middle; border: 0 none; border-bottom: 1px solid #eee; text-align: left; } div#wishListItems table.simpleTable td a { text-transform: capitalize; } div#wishListItems table.simpleTable td div { margin: 6px 0 6px; } div#wishListItems table.simpleTable td .winery-direct { height: 20px; margin: 0 0 10px 28px; width: 110px; } div#wishListItems table.simpleTable td .winery-direct a { display: block; height: 20px; width: 110px; } div#wishListItems table.simpleTable td .winery-direct img { display: inline-block; height: auto; width: auto; } div#wishListItems table.simpleTable td div.strike { text-decoration: line-through; } div#wishListItems table.simpleTable td div.sale { color: #a12a1d; } div#wishListItems table.simpleTable td div#OOS { font-weight: bold; } div#wishListItems table.simpleTable td a.standardButton { background-image: url("/_static/images/www/shared/iconShoppingBagSmall.gif"); background-position: 3px 2px; background-repeat: no-repeat; float: left; font-size: 10px; margin-left: 33px; padding: 4px 10px 4px 26px; text-transform: uppercase; white-space: nowrap; } div#wishListItems table.simpleTable td a.removeButtonShoppingList { padding-left: 16px; } div#wishListItems table.simpleTable td a.productLink, div#wishListItems table.simpleTable td a img { display: block; width: 75px; height: 105px; } div#wishListItems table.simpleTable td a img { overflow: hidden; } div#wishListItems table.simpleTable td.buttons-etc { text-align: center; *width: 165px; } /* --- 11.8. WISH LIST (PRINT VERSION) ------------------------------------------------ */ body.printWishList { background: none !important; margin:10px; font-size:62.5%; } body.printWishList h2 { margin:5px 0 10px 0; } body.printWishList div.wishListRow { width:100%; clear:both; overflow:hidden; margin-bottom:10px; } body.printWishList div.CheckboxWishlist, body.printWishList p, body.printWishList .mainButton { display:none; } body.printWishList div.ImageWishList { width:90px; height:90px; float:left; } body.printWishList div.ImageWishList a { display:block; width:80px; height:80px; background:#e0e0e0; } body.printWishList div.DescriptionWishlist { float:left; font-size:12px; } /* --- 11.9. ORDER HISTORY LIST / REQUEST A RETURN LIST ------------------------------------------------ */ div#orderHistory { float: left; width: 700px; } div#orderHistory form#dayselect select { margin: 10px 0 0; } div#orderHistory form { overflow:hidden; } /* --- 11.10. ORDER HISTORY DETAILS / REQUEST A RETURN DETAILS --------------------------------------------------------------------- */ div#orderDetails { overflow:hidden; } div#orderDetails a.editLink { display: block; float: right; padding-left: 20px; margin-top: 10px; background-position: 0 0; } div#orderDetails div#orderNumbers, div#rmaReturnForm div#orderNumbers { float:left; margin: 10px 0 20px; } table.order-summary-table { margin: 0 0 10px; } table.order-summary-table td { text-align: left; border: 0 none; padding: 0; } table.order-summary-table td.label { font-weight: bold; width: 120px; } div#orderDetails div#shippingAddress, div#orderDetails div#billingAddress, div#rmaReturnForm div#shippingAddress, div#rmaReturnForm div#billingAddress { width: 50%; float: left; margin-bottom: 20px; } div#myAccountContentSection div#orderDetails div h3 { margin-bottom: 8px; } div#orderDetails div#shippingAddress ul, div#orderDetails div#billingAddress ul, div#rmaReturnForm div#shippingAddress ul, div#rmaReturnForm div#billingAddress ul { float: left; clear: left; } div#orderDetails div#billingAddress, div#rmaReturnForm div#billingAddress { clear: left; } div#orderDetails div#returnedItemsList { float: left; } div#orderDetails label, div#rmaReturnForm label { clear: left; float: left; width: 100%; height: 20px; line-height: 20px; } div#orderDetails label span.labelInfo, div#rmaReturnForm label span.labelInfo { width:130px; display:block; float:left; clear:left; font-weight:bold; } div#orderDetails div#itemsList, div#rmaReturnForm div#itemsList { clear:left; } div#returnReasonBlock { overflow:hidden; } div#returnReasonBlock form { overflow:hidden; } div#returnReasonBlock #returnReasonIframeDiv { } div#rmaReturnForm { overflow:hidden; } /* --- 11.11. ORDER SEARCH FORM --------------------------------------------------------------------- */ div#orderSearch { } div#orderSearch div#orderSearchForm { overflow:hidden; } /* --- 11.12 SALES REP CONTENTS SECTION ------------------------------------------------------------------- */ #myAccountContentSection .accountHomeBlock #contentBlock { width: auto; } /* --- 11.13 QUICK FORMS ------------------------------------------------------------------- */ #myAccountBlock div#quickOrder { float:left; width:730px; } #myAccountBlock div#quickOrder .columnLeft {width:30px; text-align:center; font-weight:bold;} #myAccountBlock div#quickOrder .columnImage {width:100px;} #myAccountBlock div#quickOrder .columnSKU {width:130px;} #myAccountBlock div#quickOrder .columnSKU input {width:130px;} #myAccountBlock div#quickOrder td.columnQty {width:40px;} #myAccountBlock div#quickOrder .columnQty input {width:40px; text-align:center;} #myAccountBlock div#quickOrder .columnRight {font-weight:bold; padding-left:10px; text-align:left;} #myAccountBlock div#quickOrder a.standardButton {float:left; margin:5px 5px 10px 0;} /*>>>>>>>>>> 12_banners.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 12. BANNERS */ /* ==================================================================================================== */ .bannerPlaceHolder { /* background-image:url('/_static/images/www/shared/bgBanner.gif') !important; */ background-repeat:repeat !important; /*background-position:50% 50% !important;*/ overflow:hidden; } /* Placeholder ID: 70 */ #toolBar #headerBanner { clear:both; width:350px; height:20px; clear:both; float:right; margin-bottom:10px; } #toolBar #headerBanner a { display:block; float:right; } /* Placeholder ID: 65 */ #storeMain #bannerTopRight {margin-left:477px; top:0px; width:300px; height:300px;} /* Placeholder ID: 66 */ #storeMain #bannerMidRight {margin-left:477px; margin-top:5px; width:300px; height:115px;} #storeMain #bannerBottom {margin-left:25px; margin-top:10px; width:752px; height:100px;} /* Placeholder ID: 67 */ #storeMain #bannerBottom #left {width:250px; float:left; height:100px;} /* Placeholder ID: 68 */ #storeMain #bannerBottom #middle {width:250px; float:left; height:100px; margin-left:1px;} /* Placeholder ID: 69 */ #storeMain #bannerBottom #right {width:250px; float:left; height:100px; margin-left:1px;} div#searchTopBanner { clear: both; width: 710px; } div#searchTopBanner img { margin-bottom:10px; } /* Placeholder ID: 58 */ div#searchTopRightBanner { display: none; clear:both; float:right; text-align:right; width:160px; /* height:64px; */ } div#searchTopRightBanner img { margin-bottom:10px; } /* Placeholder ID: 59 */ div#searchBottomRightBanner { clear:both; float:right; width:160px; /* height:100px; */ margin-bottom:10px; } /* Placeholder ID: 72 */ body.findItInStore div#findItInStoreBanner { width: 335px; height: 288px; float: right; } /* Placeholder ID: 155, 156, 157 */ div#leftNavBanner img { margin-bottom: 10px; } /* Placeholder ID: 158-159 */ div#searchBottomBanner, div#searchMainBanner, div#searchMainBanner img, div#searchBottomBanner img { width:710px; } div#searchBottomBanner img { margin: 15px 0 10px; } div#searchMainBanner img { margin-bottom: 15px; } /*>>>>>>>>>> 13_content_and_specifics.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 13. CONTENT PAGES AND OTHER SPECIFICS */ /* ==================================================================================================== */ /* --- 13.1. GENERAL STYLING --------------------------------------------------------- */ div#errorBlock { padding-top:20px; } div#textBlock { } div#textBlock ul { margin:10px 30px; list-style-type:disc; } div#textBlock ul li { list-style-type:disc; } /* --- 13.2. LANGUAGE SELECTION ---------------------------------------------------------------------- */ div#languageBlock { width:640px; height:480px; position:absolute; left:50%; top:50%; margin-top:-240px; margin-left:-300px; background:#c0c0c0; } div#languageBlock ul { margin:0 0 0 230px; } div#languageBlock ul li { display:block; float:left; font-size:2em; margin:0 10px; line-height:480px; } /* --- 13.3. STORE.CFM AND CATEGORY LANDING PAGES ----------------------------------- */ #storeMain { width: 980px; overflow: hidden; background-repeat: no-repeat; } #storeMain span.bannerPlaceHolder { float: left; } span#bphId_homeBanner1 { width: 980px; } span#bphId_homeBanner2 { width: 327px; } span#bphId_homeBanner3 { width: 327px; } span#bphId_homeBanner4 { width: 326px; } span#bphId_homeBanner5 { width: 980px; } span#bphId_homeBanner6 { width: 326px; } span#bphId_homeBanner7 { width: 327px; } span#bphId_homeBanner8 { width: 980px; } span#bphId_homeBanner9 { width: 327px; } span#bphId_homeBanner10 { width: 653px; } span#bphId_homeBanner11 { width: 654px; } span#bphId_homeBanner12 { width: 326px; } span#bphId_homeBanner13 { width: 327px; } span#bphId_homeBanner14 { width: 327px; } span#bphId_homeBanner15 { width: 326px; } div.caroussel-container { float: left; } div#caroussel-a { width: 980px; height: 350px; } div#caroussel-b { width: 654px; height: 350px; } div#caroussel-c { width: 653px; height: 350px; } span.carousel, span.rotate { overflow: hidden; position: absolute; } span.carousel *, span.rotate * { margin: 0; } div.bannerCarousel, div.bannerRotate { float: left; left: 0; overflow: hidden; position: absolute; top: 0; } div.bannerCarousel div.bannerMain, div.bannerCarousel div.bannerNext { display: inline; float: left; } .prevCarousel { cursor: pointer; display: none; outline: 0 none; position: absolute; width: 35px; z-index: 990; } .nextCarousel { cursor: pointer; display: none; outline: 0 none; position: absolute; width: 35px; z-index: 901; } .prevCarousel img, .nextCarousel img { display: block; width: 35px; } .bannerTitleCar { display: none; height: 30px; left: 300px; position: absolute; width: 300px; z-index: 1; } .bannerNavigationCar { bottom: 5px; height: 31px; left: 0; position: absolute; width: 100%; z-index: 1; } .bannerNavigationCar ul { margin: 0 auto !important; position: relative; text-align: center; width: 100%; } .bannerNavigationCar ul li { background: url(/_static/images/www/Shared/carouselRotatorBg.png) repeat-x scroll left center transparent; display: inline-block; *display: inline; height: 31px; width: 20px; } .bannerNavigationCar ul li.rotatorLeft { background: url(/_static/images/www/Shared/carouselRotatorLeft.png) no-repeat scroll right center transparent; } .bannerNavigationCar ul li.rotatorRight { background: url(/_static/images/www/Shared/carouselRotatorRight.png) no-repeat scroll left center transparent; } .bannerNavigationCar ul li a { background: url(/_static/images/www/Shared/carouselRotator.png) no-repeat scroll center center transparent; display: inline-block; height: 31px; text-indent: -9999px; width: 20px; } .bannerNavigationCar ul li.selected a { background: url(/_static/images/www/Shared/carouselRotatorSelected.png) no-repeat scroll center center transparent; } .bannerNavigationCar ul li span.end { display: inline-block; height: 31px; width: 9px; } #homepageContentBlocks { width:440px; display:block; float:left; } #homepageContentBlocks .homepageBlock { width:212px; height:125px; float:left; margin:0 6px 6px 0; background:#DCEDFE; display:inline; overflow:hidden; font-size:0.9em; } #homepageContentBlocks .homepageBlock h2 { font-size:1.7em; margin:16px 0 0 10px; text-transform:uppercase; font-weight:bold; color:#336699; } #homepageContentBlocks .homepageBlock ul { width:115px; margin-left:70px; margin-top:5px; } #homepageContentBlocks .homepageBlock ul li { width:115px; border-bottom:dotted 1px #333; font-size:0.9em; /* height:1.5em; */ line-height:1.4em; list-style-type:disc; list-style-position:inside; } #homepageContentBlocks .homepageBlock a { text-decoration:none; color:#000; } #landingBlock { } #landingBlock #landingBannerTop { float:left; width:730px; height:400px; overflow:hidden; background:#e7e7e7; margin-bottom:10px; } #categorypageContentBlocks { width:440px; display:block; margin-left:200px; } #categorypageContentBlocks .categorypageBlock { width:210px; height:125px; float:left; margin:10px 6px 6px 0; display:inline; overflow:hidden; border:solid 1px #c0c0c0; } #categorypageContentBlocks .categorypageBlock .productImage { width:125px; height:125px; float:left; } #categorypageContentBlocks .categorypageBlock .productDescription { float:left; width:85px; height:100px; } #categorypageContentBlocks .categorypageBlock .productDescription .name { } #categorypageContentBlocks .categorypageBlock .productDescription .description { color:#909090; } #categorypageContentBlocks .categorypageBlock .productDescription .price { font-weight:bold; } #categorypageContentBlocks .categorypageBlock .viewAllCategoryItems { float:left; width:85px; height:25px; font-size:0.8em; } #categorypageContentBlocks .categorypageBlock .viewAllCategoryItems a { text-decoration:none; } #categorypageContentBlocks .categorypageBlock .viewAllCategoryItems a:hover { text-decoration:underline; } div#mainBanner div#categoryDescription { } /* --- 13.4. ADVANCED SEARCH -------------------------------------------------------- */ #advancedSearchBlock { width:960px; height:500px; } #advancedSearchBlock h3 { clear:left; margin-bottom:10px; } #advancedSearchBlock div#sizeSection { width:450px; float:left; } #advancedSearchBlock div#advancedCriteria { width:450px; float:left; margin-left:10px; } #advancedSearchBlock div#chooseGender { padding-bottom:20px; overflow:hidden; float:left; margin-left:20px; } #advancedSearchBlock div#chooseGender fieldset { clear:both; margin-bottom:3px; } #advancedSearchBlock fieldset#sizesByGender { width:150px; float:left; } #advancedSearchBlock fieldset#sizesByGender { width:150px; clear:none; float:left; } #advancedSearchBlock a.standardButton { margin:10px 5px 0 0; float:right; font-size:15px; text-transform:uppercase; } /* --- 13.4.1 CM Section Nav ------------------------------------------------------------------- */ #cm-managed-block { position: relative; width: 100%; } #cm-managed-block #contentNav h3 { font-size: 20px; font-weight: bold; line-height: 32px; margin: 0 0 15px; text-transform: none; } #cm-managed-block #contentNav { float: left; overflow: hidden; padding: 0; width: 210px; } #cm-managed-block #contentNav li { margin-bottom: 6px; font-size: 14px; } #cm-managed-block #contentNav li.description { display: none; margin-top: 12px; font-weight: bold; } #cm-managed-block #contentNav li a { text-decoration: none; text-transform: capitalize; color: #333; } #cm-managed-block #contentNav li.level2 { } #cm-managed-block #contentNav li.level3 { font-size: 13px; margin-left: 15px; } #cm-managed-block #contentNav li.level4 { font-size: 12px; margin-left: 30px; } #cm-managed-block #contentNav li.level5 { margin-left: 40px; } #cm-managed-block #contentNav li strong a { color: #a12a1d; } #cm-managed-block #contentNav li a:hover { color:#a12a1d; } /* --- 13.4.2 CM Section Contents ------------------------------------------------------------------- */ #cm-content-section { float: left; min-height: 350px; height: auto !important; height: 350px; padding: 0 0 10px; width: 700px; margin: 0 0 0 30px; } #cm-content-section ol, #cm-content-section ul { margin-left: 20px; } #cm-content-section ol ol, #cm-content-section ul ul { margin-left: 20px; width: 650px; } #cm-content-section ol li { list-style-type: decimal; } #cm-content-section ul li { list-style-type: disc; } #cm-content-section a.email-cart, #cm-content-section a#printPage, #cm-content-section span.sep { color: #A12A1D; float: right !important; font-size: 14px; line-height: 16px; width: auto !important; } #cm-content-section a#printPage { padding: 0 0 0 42px !important; } #cm-content-section a.email-cart { margin: 0 -11px 0 6px; } #cm-content-section span.sep { margin-left: 6px; } #cm-content-section #calendarDetailsBlock { padding-top: 15px; } /* --- 13.5. CONTACT US ---------------------------------------------------------------------- */ div#contact-us-page, div#cm-managed-block { position: relative; width: 940px; } div#contact-us-page #leftBlock, div#cm-managed-block #leftBlock { float: left; overflow: hidden; padding: 0; width: 210px; } div#contact-us-page #leftBlock h3, div#cm-managed-block #leftBlock h3 { font-size: 18px; font-weight: bold; text-transform: none; margin: 0 0 21px; } div#contact-us-page #leftBlock li, div#cm-managed-block #leftBlock li { margin-bottom: 6px; } div#contact-us-page #leftBlock li a, div#cm-managed-block #leftBlock li a { text-decoration: none; text-transform: capitalize; font-size: 14px; color: #333; } div#contact-us-page #leftBlock li strong a, div#cm-managed-block #leftBlock li strong a { color: #a12a1d; } div#contact-us-page #leftBlock li a:hover, div#cm-managed-block #leftBlock li a:hover, div#store-locator-page #leftBlock li a:hover { text-decoration: underline; } div#contact-us-block { float: right; margin: 0 0 0 30px; padding: 0 0 10px; width: 700px; } form#contactUSForm { margin-top: 12px; width: 410px; float: left; } form#contactUSForm div#req { float: right; font-weight: bold; margin-bottom: 4px; } form#contactUSForm fieldset label { font-weight: bold; width: 130px; } form#contactUSForm fieldset input { width: 273px; } form#contactUSForm fieldset select { width: 275px; } form#contactUSForm fieldset.comments label { width: 410px; } form#contactUSForm fieldset.comments textarea { resize: none; width: 392px; height: 170px; } form#contactUSForm .standardButton { float: right; margin-top: 12px; } /* --- 13.5. REAL ESTATE FORM ---------------------------------------------------------------------- */ div#real-estate-page { position: relative; width: 940px; } div#real-estate-block { float: right; margin: 0 0 0 30px; padding: 0 0 10px; width: 700px; } form#frmRealEstateForm { margin-top: 12px; width: 410px; float: left; } form#frmRealEstateForm div#req { float: right; font-weight: bold; margin-bottom: 4px; } form#frmRealEstateForm fieldset { width: 410px; } form#frmRealEstateForm fieldset.phone span.floatLeft { margin: 0 2px; } form#frmRealEstateForm fieldset.phone span.ext { margin: 0 2px 0 6px; } form#frmRealEstateForm fieldset label { font-weight: bold; width: 150px; } form#frmRealEstateForm fieldset input { width: 253px; } form#frmRealEstateForm fieldset input#FileAttachement { } form#frmRealEstateForm fieldset a { float: right; } form#frmRealEstateForm div#FilesManag { clear: both; float: left; width: 410px; margin: 0 0 12px; } div.max-upload-value { width: 410px; padding: 4px 0; float: left; clear: left; } div.max-upload-value a { float: right; font-weight: bold; background-color: #a12a1d; padding: 3px 8px; color: #fff; } form#frmRealEstateForm div#FilesManag div.attached-file { width: 390px; padding: 4px 10px 4px 10px; background-color: #ece8e5; margin: 4px 0; } form#frmRealEstateForm div#FilesManag div.attached-file a { float: right; text-decoration: underline; } form#frmRealEstateForm fieldset select { width: 275px; } form#frmRealEstateForm fieldset.comments label { width: 410px; } form#frmRealEstateForm fieldset.comments textarea { width: 392px; height: 170px; resize: none; } form#frmRealEstateForm .standardButton { float: right; margin-top: 12px; } /* --- 13.6. GIFT CARDS -------------------------------------------------------------- */ div#giftCardBlock { } div#giftCardBlock h3 { margin-bottom:10px; } div#giftCardBlock a.standardButton { margin-bottom:40px; margin-right:5px; } div#giftCardBlock a.standardButton span { font-size:14px; text-transform:uppercase; } div#giftCardBlock div#cardSelect { clear:both; margin-bottom:20px; } div#giftCardBlock div#giftCardHome { overflow:hidden; } div#giftCardBlock div#giftCardHome div.giftCardImage { width:242px; height:197px; float:left; padding:10px; background:#fff; margin-right:10px; border:solid 1px #c0c0c0; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 2px 3px #999; -webkit-box-shadow: 0 2px 3px #999; margin-bottom:3px; } div#giftCardBlock div#giftCardHome div.giftCardFormHome { float:left; width:425px; } div#giftCardBlock div#giftCardHome div.giftCardFormHome strong { display:block; } /* ================================================================================= */ /* CHANGE AS LITTLE AS POSSIBLE IN THE FOLLOWING STYLES. THESE ARE PROVEN TO WORK IN */ /* MOST BROWSERS AND SHOULDN'T BE MESSED WITH UNLESS YOU'RE SURE IT WON'T BREAK. */ /* THIS MENU DOES NEED A LOT OF CLEANUP AS IT IS NOT VERY FLEXIBLE. */ /* ================================================================================= */ .giftCardMenu { width:200px; height:55px; border: 1px solid #c0c0c0; margin:10px 0; float:left; background:#fff; } .giftCardMenu .menuSelect { display:block; cursor:pointer; width:180px; float:left; border:none; white-space:nowrap; } .giftCardMenu input#GiftCardSizeID { width:14px; height:14px; margin:0 0 0 5px; border:solid 0; } div#cardImageThumbnail { width:50px; height:40px; float:left; padding:0; } .giftCardMenu .menuSelect a, .giftCardMenu .menuSelect a:hover { overflow:hidden; height:33px; text-decoration:none; padding:4px 0 0 4px; background:#fff; color:#5F5F5F; display:block; } .giftCardMenu .menuArrow { cursor:pointer; padding:0; float:left; clear:right; text-align:center; border:0; display:inline; } .giftCardMenu .menuArrow a { width: 18px; display:block; height:19px; background: url('/_static/images/www/Shared/arrowDropDown.png'); text-indent:-40000px; background-position:center; } .giftCardMenu .menuBody { height:auto; width:165px !important; overflow-y:auto; overflow-x:hidden; } .giftCardMenu .menuBodyLong{ height:150px; overflow:auto; overflow-y:auto; overflow-x:hidden; z-index: 99999; } .giftCardMenu .menuBody li a,.giftCardMenu .menuBodyLong li a { padding-top:4px; height:25px; border:1px solid #fff; } .giftCardMenu .menuBody, .menuBodyLong { border: 1px solid #c0c0c0; display:none; } .giftCardMenu .menuBody b, .menuBodyLong b{ display:none; } .giftCardMenu ul.menuBody, .giftCardMenu ul.menuBodyLong { position:relative; top:16px; } .giftCardMenu ul.menuBody li a { height:35px; } .giftCardMenu ul { clear:left; } .giftCardMenu ul li { display:block; overflow:visible; height:40px; } .giftCardMenu ul li img { border:none; float:left; } .giftCardMenu ul li span { float:left; height:23px; padding:10px 0 0 5px; } .giftCardMenu ul li a { padding-left:2px; background:#fff; color:#5F5F5F; white-space:nowrap; } .giftCardMenu ul li a:hover { text-decoration:none; padding-left:2px; background:#e0e0e0; color:#5F5F5F; white-space:nowrap; } /* ================================================================================= */ /* DROPDOWN MENU STYLES END HERE */ /* ================================================================================= */ div#giftCardBlock div#giftCardHome div.giftCardFormHome #cardText { display:block; clear:left; text-align:justify; overflow:hidden; padding:10px 0; } div#giftCardBlock div#giftCardHome div.giftCardFormHome .halfBlock { float:left; margin-right:20px; } div#giftCardBlock div#giftCardHome div.giftCardFormHome .halfBlock fieldset { height:50px; } div#giftCardBlock div#giftCardHome div.giftCardFormHome .halfBlock fieldset label { margin:0; font-weight:bold; height:20px; line-height:20px; float:left; clear:left; width:85px; } div#giftCardBlock div#giftCardHome div.giftCardFormHome .halfBlock fieldset select { width:50px; float:left; clear:left; } div#giftCardBlock div#giftCardHome div.giftCardFormHome a.standardButton { margin-top:18px; margin-left:20px; } div#giftCardBlock div#giftCardHome div.giftCardFormHome div#corporateCard { clear:both; display:block; margin:10px 0; } /* --- 13.7. GIFT CARDS: ACTIVATE CARD / CHECK BALANCE -------------------------------------------------------------- */ div#giftCardBlock div#giftCardImage { width:250px; float:left; margin-top:20px; } div#giftCardBlock .giftCardForm { float:left; width:350px; margin-top:20px; } div#giftCardBlock .giftCardForm div#captchaImage { clear:both; margin-top:15px; float:left; } div#giftCardBlock .giftCardForm div#captchaText { clear:both; float:left; margin:5px 0; } div#giftCardBlock .giftCardForm div#cardButtons { text-align:right; width:320px; height:40px; } div#giftCardBlock .giftCardForm div#balanceDisplayed { text-align:right; width:320px; margin-top:20px; font-size:1.1em; } div#giftCardBlock .giftCardForm div#balanceDisplayed .balance { font-weight:bold; } /* --- 13.8. MEMBERSHIP CARDS ------------------------------------------------------- */ div#membershipCardBlock { } div#membershipCardBlock li { list-style-type:disc; list-style-position:inside; } div#membershipCardBlock div#AddToShopProcessingMain { height:28px; line-height:24px; float:left; margin:10px 0 0 20px; } /* --- 13.9. NEWS + VIDEO ---------------------------------------------------------------- */ div#newsBlock { width:800px; } div#newsBlock h2 { margin-bottom:5px; } div#newsBlock table#newsListing .columnNewsDate {width:100px; text-align:center;} div#newsBlock table#newsListing .columnNewsWhere {text-align:left;} div#newsBlock table#newsListing .columnNewsView {width:100px; border-right:solid 1px #c0c0c0;} div#newsBlock table#newsListing td.noNews {text-align:left; border-right:solid 1px #c0c0c0;} /* --- 13.10. CYBERCARDS ---------------------------------------------------------------- */ div#cyberCardIntroText { margin:10px 0; } ul.cyberCardList li { width:150px; height:109px; display:block; float:left; border:solid 1px #c0c0c0; margin-right:10px; } ul.cyberCardList li a { width:150px; height:109px; display:block; } img.smallCyberCard { width:150px; height:109px; } img.largeCard { border:solid 1px #c0c0c0; margin:5px 10px 20px 0; clear:left; } form#cyberResult { } form#cyberResult .mainButton { clear:both; } /* --- 13.11. SITEMAP ---------------------------------------------------------------- */ div#siteMapBlock { margin-bottom:20px; width: 940px; } div#siteMapBlock #sitemap-cmblock { margin:10px 0; width: 940px; } div#siteMapBlock ul { } div#siteMapBlock ul.level1 { float:left; width:100%; margin-top:25px; } div#siteMapBlock ul.level1 li { } div#siteMapBlock ul.level1 li a { text-decoration:none; display:block; border-bottom:solid 1px #c0c0c0; font-size:1.2em; font-weight:bold; } div#siteMapBlock ul.level2 { padding: 10px 0; font-weight:normal; list-style-type:none; } div#siteMapBlock ul.level2 li { margin-top:0; list-style-type:none; } div#siteMapBlock ul.level2 li a { border:0; font-weight:normal; font-size:1.0em; } div#siteMapBlock ul.level3 { padding-left:20px; } div#siteMapBlock ul.level3 li a { font-size:0.9em; } div#siteMapBlock ul.level4 { padding-left:15px; } div#siteMapBlock ul.level4 li a { font-size:0.8em; } /* --- 13.12. STORE LOCATOR ------------------------------------------------------------------- */ #store-locator-page #leftBlock h3 { font-size: 18px; font-weight: bold; text-transform: none; margin: 0 0 21px; } #store-locator-page #leftBlock { float: left; overflow: hidden; padding: 0; width: 210px; } #store-locator-page #leftBlock li { margin-bottom: 6px; } #store-locator-page #leftBlock li a { text-decoration: none; text-transform: capitalize; font-size: 14px; color: #333; } #store-locator-page #leftBlock li strong a { color: #a12a1d; } #store-locator-page #leftBlock li a:hover { text-decoration: underline; } #store-locator-page a.standardButton { float:right; margin-left:5px; } #store-locator-page #leftBlock span#bphId_storeLocatorGiftCardBanner { margin: 36px 0 16px; width: 196px; float: left; } #store-locator-page #leftBlock bphId_bannerStoreLocatorBanner2 { margin-top: 14px; width: 196px; float: left; } #store-locator-page #leftBlock span#bphId_storeLocatorGiftCardBanner a { display: block; } div#store-locator-page { position: relative; width: 940px; } div#store-locator-page:hover { z-index: 100; } div#storeLocatorBlock { float: right; margin: 0 0 0 30px; padding: 0 0 10px; width: 700px; } div#storeLocatorBlock h2 { text-transform: none; } div#storeLocatorBlock h3 { text-transform: capitalize; font-size: 16px; } div#storeLocatorBlock div.store-block { float: left; width: 330px; margin-right: 20px; } div#blurb-and-map { float: left; width: 700px; margin-top: 20px; } div#storeLocatorBlock div.store-block a.standardButton { text-transform: none; float: right; margin-right: 20px; } div#storeLocatorBlock div.store-block fieldset { width: 330px; } div#storeLocatorBlock div.store-block fieldset label { width: 100px; font-weight: bold; } div#storeLocatorBlock div.store-block fieldset select { width: 205px; } div#storeLocatorBlock div.store-block fieldset input.midField { width: 90px !important; } div#storeLocatorBlock div.store-block fieldset select.midField { margin-left: 0; width: 92px !important; } div#storeLocatorBlock div.or { clear: left; float: left; } div#storeBlock-container { width: 360px; float: left; } div#storeLocatorBlockContent h3 { font-size: 16px; padding: 6px 10px; background-color: #ece8e5; text-transform: capitalize; margin: 0 0 12px -10px; width: 310px; } div#storeLocatorBlockContent div.google-map { float: right; width: 340px; } div#storeLocatorBlockContent div.google-map a.standardButton { margin: 12px 0 0 0; text-transform: capitalize; float: right; } div#storeLocatorResults { float: right; margin: 0 0 0 30px; padding: 0 0 10px; width: 700px; } div#storeLocatorResults div.storeBlock { float: left; width: 150px; height: 170px; margin-right: 20px; } div#storeLocatorResults div.storeBlock h5 { color: #333; text-transform: uppercase; } div#storeLocatorResults div.storeBlock a.find-on-map { color: #333; font-weight: bold; text-decoration: underline; } div#storeLocatorResults div.storeBlock a.more-info { text-transform: capitalize; text-decoration: underline; } div#searchAgin { float: right; margin-top: -52px; } div#searchAgin a { text-transform: capitalize; } div#GoogleMap_div { float: left; } .googleMapContainer { float: left; width: 220px; } .gmnoprint #SUBMIT { float: left; clear: left; margin-top: 5px; border: 1px solid #ccc; } div#store-details { width: 340px; float: left; margin-right: 20px; } div#pic-and-info { float: left; width: 260px; padding: 25px 40px; background-color: #f4f3ef; } div#address_block { font-weight: bold; font-size: 14px; } div#banner_storefront { width: 253px; height: 190px; background-color: #ccc; border: 8px solid #fff; margin-bottom: 12px; } div#store-details div#more-info { width: 340px; float: left; margin: 20px 0 0 0; text-align: center; color: #a12a1d; } div#store-details div#more-info a { font-weight: bold; padding: 0 6px; } div#store-more-info { float: left; padding: 0; width: 700px; margin-top: 20px; } #store-more-info ul li { list-style: none; } div#store-more-info ul li a { text-transform: uppercase; color: #333; } div#store-more-info ul li.ui-tabs-selected a, div#store-more-info ul li.ui-state-active a { text-transform: uppercase; background-color: #A12A1D; font-weight: bold; color: #fff; } div#store-more-info div.tab-content { float: left; clear: left; width: 700px; overflow: hidden; padding: 20px 0 0 0; margin: 0 0 20px 0; border-top: 1px solid #A12A1D; } div#store-more-info div.tab-content table { margin: 0; } div#store-more-info div.tab-content table th { background-color: transparent; color: #333; text-transform: capitalize; border: 0 none; padding: 5px 6px 8px; } div#store-more-info div.tab-content table td { border: 0 none; border-top: 1px solid #e9e5df; text-align: center; padding: 5px 6px 8px; } div#store-more-info div.tab-content tr td:first-child { text-align: right; } div#store-more-info div#team tr td { text-align: left; } div#store-more-info div#team tr td:first-child { text-align: left; } div#holiday-hours { float: left; clear: left; width: 700px; overflow: hidden; margin: 20px 0 0; } div#upcoming-events { float: left; clear: left; width: 700px; overflow: hidden; margin: 20px 0 0; } div#upcoming-events div { margin: 12px 0 0; } div#storeLocatorBlock fieldset.selectCountry { padding-bottom:20px; } div#storeLocatorBlock .mainButton { clear:both; } div#storeLocatorBlock button.searchAgain { float:right; margin-top:0; } div#storeLocatorBlock div.storeBlock { width:50%; float:left; } div#storeLocatorBlock div.storeBlock strong { font-size:1.2em; } div#storeLocatorBlock div#noZipCode_Province_Error { clear:left; } /* --- 13.13.1 STORE LOCATOR LEFT NAV ------------------------------------------------- */ #storeLocatorLeftNav { float: left; overflow: hidden; padding: 0; width: 210px; } #storeLocatorLeftNav li { margin-bottom: 6px; } #storeLocatorLeftNav li a { text-decoration: none; text-transform: capitalize; font-size: 14px; color: #333; } #storeLocatorLeftNav li strong a { color: #a12a1d; } #storeLocatorLeftNav li a:hover { text-decoration: underline; } /* --- 13.13. CONTESTS PAGE ------------------------------------------------- */ div#contestImage { clear:both; overflow:hidden; } .contestImageTop div#contestImage {float:none;} .contestImageLeft div#contestImage {float:left; width:200px;} .contestImageRight div#contestImage {float:right; width:200px;} .contestImageBottom div#contestImage {float:none;} .contestImageLeft div#contestIntroText, .contestImageLeft form#contestForm {float:right; width:390px;} .contestImageRight div#contestIntroText, .contestImageRight form#contestForm {float:left; width:390px;} div#contestIntroText p {margin:0 0 15px 0;} form#contestForm { } form#contestForm h3 { margin-top:25px; margin-bottom:10px; clear:both; float:left; } form#contestForm .newsletterSummary { display: block; line-height:16px; clear:left; margin-bottom:10px; } form#contestForm .mainButton { clear:both; margin:20px 0; } form#contestForm #bottomText { clear:both; } /* --- 13.14. IN THE MEDIA ------------------------------------------------- */ div#intheMedia { } div#intheMedia h2 { padding-bottom:20px; text-transform:capitalize; } div#intheMedia .mediaContent { float:left; width:300px; margin-top:20px; } div#intheMedia img.magazine { width:110px; height:140px; margin-right:10px; margin-bottom:5px; float:left; } div#intheMedia div#itemImage { float:left; width:170px; overflow-x:hidden; min-height:150px; height:auto !important; height:150px; margin-bottom:5px; } div#intheMedia div#itemImage a.prodImage { width:80px; height:80px; margin:0 90px 5px 0; overflow:hidden; display:block; border:solid #e0e0e0 1px; } div#intheMedia div#itemImage a { font-weight:bold; display:block; margin-top:5px; } /* --- 13.15. POLL ------------------------------------------------------------------ */ div#pollBlock { } div#pollBlock h2 { margin-bottom:20px; } div#pollBlock div#pollItem { margin-bottom: 10px; width: 50%; float:left; } div#pollBlock div#pollItem img { width: 200px; height: 200px; } div#pollBlock div#pollItem .radio { margin-right: 10px; } div#pollBlock .optionBlock { clear:left; height: 200px; margin-bottom: 10px; } div#pollBlock .resultsBar { border-left:solid 1px #000; border-right:solid 1px #000; } div#pollBlock img.resultsBar { height: 12px; } div#pollBlock .pollResult { border-bottom:solid 1px #c0c0c0; padding-bottom:20px; margin-bottom:20px; font-weight:bold; } /* --- 13.16. NEWSLETTER SIGNUP ------------------------------------------------- */ div#newsletterBlock { width:100%; } div#newsletterBlock .mainButton { clear:both; } textarea.newsletterUnsubscribe { width:590px; height:50px; background:#efefef; margin-bottom:10px; float:none; } /* --- 13.17. SHOPPING CART PAGE ------------------------------------------------- */ div#shoppingCartBlock { width: 940px; } div#shoppingCartBlock h2 { margin-bottom: 10px; } div#shoppingCartBlock #shoppingCartCMBlock { width: 940px; } div#shoppingCartBlock #shoppingCartBanner { margin-top: 10px; width: 940px; } p#cart-number { text-align: right; width: 100%; margin: 20px 0 5px; } div#shoppingCartBlock div#topButtons { float: right; } div#shoppingCartBlock div#topButtons ul li { float: left; border-right: 1px solid #a12a1d; padding: 0 6px; } div#shoppingCartBlock div#topButtons ul li.last { border-right: 0 none; } div#shoppingCartBlock div#topButtons ul li a { color: #a12a1d; font-weight: bold; text-transform: capitalize; } div#shoppingCartBlock a#keepShopping { background-image: url(/_static/images/www/Shared/icons/icn-arrow-right.gif); background-repeat: no-repeat; background-position: 100% 5px; padding-right: 8px; } div#shoppingCartBlock .shopCartEmptyDiv { display:block; margin:20px 0; } div#shoppingCartBlock #quickAddBlock { overflow:hidden; float:left; margin:0 0 10px 0; } div#shoppingCartBlock form#searchSKU label { text-align:right; width:140px; margin-right:10px; } div#shoppingCartBlock form#searchSKU input#txtQuickAddQty { width:30px; } div#shoppingCartBlock #quickAddBlock a.standardButton { float:right; text-transform:uppercase; } #shoppingCartBlock h3 { clear:both; padding-top:10px; } #shoppingCartBlock div#cart-cross-sells { width: 590px; float: left; margin-top: 18px; } #shoppingCartBlock div#cart-cross-sells h3 { border-bottom: 1px solid #B33636; font-size: 18px; font-weight: normal; padding-bottom: 4px; text-transform: none; } #shoppingCartBlock div#cart-cross-sells div.unit { width: 156px; float: left; text-align: center; padding: 20px; } #shoppingCartBlock div#cart-cross-sells div.unit { width: 156px; height: 275px; float: left; text-align: center; padding: 20px; position: relative; } #shoppingCartBlock div#cart-cross-sells div.unit a.imagePreview, #shoppingCartBlock div#cart-cross-sells div.unit a.imagePreview img { width: 100px; height: 140px; display: block; margin: 0 auto; } #shoppingCartBlock div#cart-cross-sells h5 { margin-top: 35px; } #shoppingCartBlock div#cart-cross-sells h5 a { color: #727531; } #shoppingCartBlock div#cart-cross-sells div.unit a.imagePreview img { overflow: hidden; } #shoppingCartBlock div#cart-cross-sells div.unit div.price { font-size: 14px; margin-top: 20px; } #shoppingCartBlock div#cart-cross-sells div.unit div.price { font-size: 14px; margin-top: 16px; clear: left; } #shoppingCartBlock div#cart-cross-sells span.before-sale strike { font-size: 12px; } #shoppingCartBlock div#cart-cross-sells span#productPriceonsale span { color: #8A1520; } #shoppingCartBlock div#cart-cross-sells div#rating-box { width: 110px; margin: 10px 4px 10px 45px; } #shoppingCartBlock div#cart-cross-sells .winery-direct { display: inline-block; height: 20px; margin: 6px 0 -10px; width: 110px; } #shoppingCartBlock div#cart-cross-sells .winery-direct a { display: block; height: 20px; width: 110px; } #shoppingCartBlock div#cart-cross-sells .winery-direct img { display: inline-block; } #shoppingCartBlock div#cart-cross-sells div.unit a.cross-sell-add { float: none; display: block; text-transform: capitalize; width: 80px; height: 14px; position: absolute; bottom: 0; left: 50px; } #shoppingCartBlock div#cart-cross-sells div.unit a.standardButton { background-image: url("/_static/images/www/shared/iconShoppingBagSmall.gif"); background-position: 3px 2px; background-repeat: no-repeat; float: left; font-size: 10px; margin-left: 0px; padding: 4px 1px 4px 19px; text-transform: uppercase; white-space: nowrap; } #shoppingCartBlock div#cart-cross-sells div.unit div.buttons { position: absolute; top: 190px; left: 0; } #shoppingCartBlock div#cart-cross-sells div.unit a.cross-sell-add span { padding: 0; float: none; } #shoppingCartBlock div#shippingAndExtras { overflow: hidden; width: 310px; float: right; } div#shoppingCartBlock div#shippingAndExtras div.label-name { width: 150px; font-weight: bold; margin: 0; float: left; text-align: left; } div#shoppingCartBlock div#shippingAndExtras div input { width: 165px; float: right; } div#shoppingCartBlock div#shippingAndExtras fieldset { margin: 0; width: 310px; } div#shoppingCartBlock div#enterZip { padding: 12px 0 0; } div#shoppingCartBlock div#shippingAndExtras div#enterZip fieldset { margin: 0 0 12px 0; } div#shoppingCartBlock div#enterZip label { font-weight:normal; } div#shoppingCartBlock div#enterZip fieldset.shippingPickup { } div#shoppingCartBlock div#enterZip fieldset.shippingPickup div.radio-group { float: right; } div#shoppingCartBlock div#enterZip fieldset.shippingPickup div.radio-group input.radio { margin: 3px 4px 0 10px; } div#shoppingCartBlock div#enterZip fieldset.shippingPickup span { float: left; } div#shoppingCartBlock div#enterZip select#ShopShippingMethod, div#shoppingCartBlock div#enterZip select#ShopPickupLocation { width: 170px; } div#shoppingCartBlock div#enterZip fieldset.shippingPickupDetails { margin: 10px 0 0 0; float: left; } div#shoppingCartBlock div#enterZip fieldset#narrow-instore-pickup { margin: 10px 0 0 0; float: left; } div#shoppingCartBlock div#enterZip fieldset#narrow-instore-pickup label { width: auto; margin-right: 5px; } div#shoppingCartBlock div#enterZip fieldset#narrow-instore-pickup input#pickupPostalCode { width: 110px; margin-right: 10px; } div#shoppingCartBlock div#enterZip fieldset#narrow-instore-pickup select#pickupRadius { width: 110px; float: right; } div#shoppingCartBlock div#enterZip #narrow-instore-pickup a.standardButton { margin: 10px 0 0 0; clear: left; float: right; } div#shoppingCartBlock div#Coupons { padding: 12px 0; border-top: 0 none; } #shoppingCartBlock div#shippingAndExtras div#Coupons fieldset { } div#shoppingCartBlock div#shippingAndExtras div#Coupons input { width: 85px; } div#shoppingCartBlock div#Coupons a#DiscountButton { float: right; padding: 2px 6px; } div#shoppingCartBlock div.costList { float: left; width: 310px; padding: 12px 0 12px; border-top: 1px solid #e3e2de; } div#shoppingCartBlock div#estimateTax { float: none; } div#shoppingCartBlock div.costList div { float: right; text-align: right; width: 160px; } div#shoppingCartBlock div#shippingAndExtras select { width: 170px; float: right; } div#shoppingCartBlock div#total { font-size: 18px; font-weight: bold; padding: 20px 0; border-top: 0 none; } div#shoppingCartBlock div#total label { } div#shoppingCartBlock div#promotiondiscounttax div#discountAmounttax { line-height: 20px; text-align: right; } div#shoppingCartBlock div#verisign { clear:both; width:110px; height:70px; float:right; text-align:right; } div#shoppingCartBlock div#mcAfee { height:30px; margin-top:20px; float:right; text-align:right; margin-left:10px; background:#efefef; } div#shoppingCartBlock div#buttons { clear: right; float: right; margin: 0; width: 310px; padding: 17px 0 0 0; border-top: 1px solid #e3e2de; } div#shoppingCartBlock div#buttons a#keepShopping { float: left; text-transform: capitalize; font-weight: bold; margin-top: 10px; } div#shoppingCartBlock div#buttons fieldset { margin-top: 20px; clear: right; float: right; } div#shoppingCartBlock div#buttons fieldset input#IsOlderThan21 { width: 13px; height: 13px; margin: 2px 0 0; } div#shoppingCartBlock div#buttons fieldset label { float: left; white-space: nowrap; margin: 0 0 0 10px; font-size: 9px; width: auto } div#shoppingCartBlock div#buttons a#checkoutB { float: right; } div#shoppingCartBlock div#buttons .paypalCheckout { margin:10px 5px; float:right; clear:right; cursor:pointer; } div#shoppingCartBlock div#buttons div#buttonProcessing { float:right; margin-left:10px; margin-top:3px; } div#shoppingCartBlock #shoppingCartTaxMsg { float: left; clear: left; white-space: nowrap; padding-top: 15px; } /* --- 13.18. CHECKOUT PROCESSING PAGE ------------------------------------------------- */ div#processing { position: absolute; left: 50%; margin-left: -250px; width: 500px; text-align: center; top: 150px; font-size: 1.3em; line-height: 1.5em; border: 1px solid #b33636; background-image: url(/_static/images/www/shared/bg/bg-processing.jpg); padding: 15px; color: #fff; } /* --- 13.18. CALENDAR ------------------------------------------------- */ div#calendarBlock { padding: 0; } div#calendarBlock h2 { margin-bottom:14px; } div#calendarBlock fieldset label { width:120px; } div#calendarBlock fieldset select { width:140px; } div#calendarBlock fieldset select option { padding-right:10px; } table#calendar { margin-top: 0; width: 700px; } table#calendar td.empty { background-color: #e3e2de; } div#cm-content-section table#calendar td { font-size:12px; font-weight:bold; width: 88px; padding: 0; text-align:left; border-top: 12px solid #fff; border-left: 6px solid #fff; border-right: 6px solid #fff; border-bottom: 0 none; height: 170px; } table#calendar thead th { text-transform: capitalize; background-image: url('/_static/images/www/Shared/bg/bg-checkout-header.jpg'); } table#calendar td.pastDay, table#calendar td.futureDay, table#calendar td.currentDay { color:#808080; /*background-color: #f3f2ee;*/ } table#calendar td div.toolTip { bottom: 23px !important; position: absolute; left: -363px !important; z-index: 10; } table#calendar td div.toolTip div.content { width: 430px; padding: 10px; background-color: #fff; border: 1px solid #aaa; text-align: left; } table#calendar td div.toolTip div.content p { color: #a12a1d; font-size: 12px; font-weight: bold; line-height: 14px; margin: 0 0 6px; } table#calendar td div.toolTip div.content p span { color: #343434; font-weight: normal; display: inline; } table#calendar td div.toolTip div.content a.moreInfo { color: #a12a1d; font-size: 12px; font-weight: bold; margin-top: 15px; text-decoration: none; } table#calendar td div.toolTip div.content a.moreInfo:hover { text-decoration: underline; } table#calendar td div.toolTip .bottom { background-image: url(/_static/images/www/Shared/tooltip-arrow.png); background-position: 0 -18px; width: 200px; height: 18px; left: 253px; margin-top: -1px; position: absolute; float: left; } table#calendar td.columnRight { } table#calendar td .dayNumber { color: #323232; width: 30px; height: 30px; float:left; line-height: 30px; text-align: center; border: 0 none; background: transparent; font-size: 18px; font-weight: normal; } table#calendar td.pastDayOtherMonth .dayNumber, table#calendar td.futureDayOtherMonth .dayNumber { color: #bdbdbd; } table#calendar td .events { float: left; margin-left: 5px; font-size: 11px; font-weight: normal; position: relative; clear: left; height: 140px; width: 78px; } table#calendar td .events span { color: red; display: block; font-weight: bold; margin: -4px 0 5px 5px; } table#calendar td .events a { color: #333333; display: block; font-weight: normal; overflow: hidden; text-decoration: none; white-space: nowrap; width: 79px; } table#calendar td .events a:hover { text-decoration: underline; } div#calendarDetailsBlock { width: 100%; padding: 0; } div#calendarDetailsBlock ul { margin:15px 0; float:left; clear:both; width:100%; } div#calendarDetailsBlock ul li { width:100%; } div#calendarDetailsBlock ul li div.label { width:110px; float:left; font-weight:bold; } div#calendarDetailsBlock h3 { text-transform: none; font-size: 18px; font-weight: normal; } div#calendarDetailsBlock ul li p { margin:0 0 10px 0; } div#calendarDetailsBlock a.backToCalendar { font-weight:bold; font-size:1.1em; margin-bottom:20px; float:left; } div#calendarDetailsBlock div#eventDetailsTitle { font-size: 24px; font-weight: normal; text-transform: none; float: left; width: 430px; } div#calendarDetailsBlock div#eventDetailsTitle span.standardButton { font-size: 12px; float: right; margin: 4px 8px 0 0; padding: 2px 6px; } div#calendarDetailsBlock div#eventDetailsLeft { width: 342px; float: left; } div#calendarDetailsBlock div#eventDetailsLeft p { clear: left; } div#calendarDetailsBlock div#eventDetailsRight { background-color: #F4F3EF; float: right; margin: 3px 8px 0 0; padding: 30px 0 25px 33px; width: 302px; } div#calendarDetailsBlock div#eventDetailsRight #banner_storefront { margin-top: 40px; } div#calendarDetailsBlock div#eventDetailsRight #eventImage { width: 269px; } div#calendarDetailsBlock div#eventDetailsRight #eventImage p { margin-top: 7px; padding: 0 5px; } div#calendarDetailsBlock div#eventDetailsRight #eventImage img { background-color: #CCCCCC; border: 8px solid #FFFFFF; height: 190px; width: 253px; } div#calendarDetailsBlock div#priceAvailability { height: 34px; border-top: 1px solid #D9D2D2; float: left; width: 342px; padding: 12px 0 4px; margin: 10px 0; } div#calendarDetailsBlock div#social-media-box { border-bottom: 1px solid #D9D2D2; padding-bottom: 9px; } div#calendarDetailsBlock div#priceAvailabilityLeft { font-size: 14px; color: #A12A1D; font-weight: bold; float: left; height: 35px; width: 265px; } div#calendarDetailsBlock div#priceAvailabilityRight { float: right; } div#calendarDetailsBlock div#priceAvailabilityRight span.standardButton { margin-left: 0; } div#calendarDetailsBlock div#eventDetailsRightAddress { font-weight: bold; padding-left: 5px; } div#calendarDetailsBlock div#eventDetailsInfo { float: left;; } div#calendarBlock div#selectCatStatesLocation { float: left; margin-bottom: 10px; width: 700px; height: 40px; background-color: #E3E2DE; } div#calendarBlock div#selectCatStatesLocation h2 { float: left; border: none; font-size: 14px; font-weight: bold; padding: 10px 20px 10px 12px; } div#calendarBlock div#selectCatStatesLocation fieldset { clear: none; float: left; width: 150px; padding: 10px 0 0 0; } div#calendarBlock #calendarHeader { float: left; width: 710px; padding-bottom: 5px; } div#calendarDetailsBlock #calendarHeader { border-bottom: 1px solid #A12A1D; float: left; margin-bottom: 15px; width: 692px; padding-bottom: 5px; } div#calendarBlock #calendarTitle, div#calendarDetailsBlock #eventDetailsTitle { float: left; font-size: 32px; } div#calendarBlock #calendarTitle span { color: #A12A1D; } div#calendarBlock #viewFullCalendar, div#calendarDetailsBlock #viewFullCalendar { padding: 18px 12px 0 24px; float: right; font-weight: bold; } div#calendarDetailsBlock #viewFullCalendar { padding: 13px 0 0; } div#calendarBlock #viewFullCalendar a, div#calendarDetailsBlock #viewFullCalendar a { display: block; float: right; font-size: 14px; font-weight: normal; height: 11px; line-height: 10px; margin-left: 20px; padding-left: 18px; } div#calendarBlock #viewFullCalendar a#bylist, div#calendarDetailsBlock #viewFullCalendar a#bylist { background: url('/_static/images/www/Shared/listView-icon.gif') bottom left no-repeat; } div#calendarBlock #viewFullCalendar a#bygrid, div#calendarDetailsBlock #viewFullCalendar a#bygrid { background: url('/_static/images/www/Shared/calendarView-icon.gif') bottom left no-repeat; } div#calendarBlock #viewFullCalendar a.selected, div#calendarDetailsBlock #viewFullCalendar a.selected { background-position: top left !important; } div#calendarBlock #calenderMonth { background-color: #E3E2DE; float: left; height: 40px; margin-bottom: 1px; width: 700px; } div#calendarBlock #calenderMonth span { float: left; font-size: 24px; font-weight: bold; line-height: 40px; margin-left: 12px; } div#calendarBlock #calenderMonth span.currMonth { margin-left: 0; } div#calendarBlock #calenderMonth a.calendarBtn { background-color: #A12A1D; color: #FFFFFF; display: block; float: left; height: 15px; line-height: 12px; margin: 12px 5px; text-align: center; width: 16px; } div#calendarBlock #calenderMonth a.calendarBtn:hover { background-color: #852318; text-decoration: none; } div#calendarBlock #calendarListPagination { clear: both; font-weight: bold; margin-bottom: 15px; overflow: hidden; text-align: right; width: 700px; } div#calendarBlock #calendarListPagination.pag-bot { padding-top: 15px; } div#calendarBlock #calendarListPagination #pages { float: right; line-height: 18px; width: auto; } div#calendarBlock #calendarListPagination #pages a { margin: 0 1px; } div#calendarBlock #calendarListPagination #pages a.selected, div#calendarBlock #calendarListPagination #pages a.disabled { cursor: default; color: black; } div#calendarBlock #calendarListPagination #pages a.selected:hover, div#calendarBlock #calendarListPagination #pages a.disabled:hover { text-decoration: none; } div#calendarBlock #calendarListPagination fieldset { clear: none; float: right; height: 22px; margin: 0; margin-left: 8px; padding: 0; width: 120px; } div#calendarBlock #calendarListPagination fieldset label{ float: left; width: auto; } div#calendarBlock #calendarListPagination fieldset select { float: right; width: 50px; } div#calendarBlock #calendarEventsList { float: left; width: 700px; } div#calendarBlock #calendarEventsList .eventsList { width: 700px; border-bottom: 1px solid #E3E2DE; padding: 15px 0; position: relative; float: left; } div#calendarBlock #calendarEventsList h2 { color: #343434; font-size: 18px; border-bottom: 1px solid #a12a1d; padding-bottom: 5px; font-weight: bold; text-transform: capitalize; margin: 0; width: 700px; } div#calendarBlock #calendarEventsList .eventsList h3 { font-size: 16px; text-transform: none; clear: left; } div#calendarBlock #calendarEventsList .eventsList a { font-weight: bold; text-decoration: underline; } div#calendarBlock #calendarEventsList #eventsListTitle { float: left; font-size: 20px; border: none; font-weight: normal; text-transform: none; margin: 0; margin-bottom: 10px; overflow: hidden; width: 700px; } div#calendarBlock #calendarEventsList #eventsListTitle span.standardButton { display: block; font-size: 11px; font-weight: bold; line-height: 16px; padding-bottom: 2px; position: absolute; right: 0; text-transform: none; top: 13px; } div#calendarBlock #calendarEventsList #eventsListTitle a { font-size: 18px; border: none; font-weight: bold; text-transform: none; text-decoration: none; margin: 0; *margin-top: -20px; } div#calendarBlock #calendarEventsList #eventsListTitle p { color: #a12a1d; font-weight: bold; font-size: 16px; margin: 0; } div#calendarBlock #calendarEventsList #eventsListTitle p.eventsListStoreName, div#calendarBlock #calendarEventsList #eventsListTitle p.eventsListCost { font-size:14px; text-align:right; color:#343434; float:none; } div#calendarBlock #calendarEventsList #eventsListTitle p.eventsListCost { font-weight: normal; } div#calendarBlock #calendarEventsList #eventsListTitle h4 { clear: left; color: #343434; font-size: 14px; font-weight: bold; line-height: 20px; text-transform: capitalize; } div#calendarBlock #calendarEventsList .location { color: #343434; float: right; font-size: 14px; font-weight: bold; line-height: 20px; margin-top: 3px; text-align: right; width: 200px; } div#calendarBlock #calendarEventsList .location span { font-weight: normal; } div#calendarBlock #calendarEventsList #eventDescription { clear: left; margin: 10px 0; width: 700px; } div#calendarBlock #calendarEventsList #eventDescription p { color: #343434; font-size: 12px; line-height: 16px; } div#calendarBlock #calendarEventsList .eventsList #moreInfoList { float: right; } div#calendarBlock #calendarEventsList .eventsList #moreInfoList a { text-decoration: underline; } div#calendarBlock #calendarEventsList .eventsList #moreInfoList a:hover { text-decoration: underline; } #calendarTd { border: 1px solid #dcdcdc; float: left; height: 180px; width: 86px; z-index: 5; } #calendarTd .cellBlk { background: url(/_static/images/www/Shared/event-calendar-cell-bkd.png) top left no-repeat; cursor: pointer; height: 180px; outline: none; display: block; *margin-left: -30px; position: absolute; width: 86px; z-index: 100; text-decoration: none; } #calendarTd .showAll { text-align: right; padding-right: 5px; } td.currentDay #calendarTd { border: 2px solid #a12a1d; height: 178px; width: 84px; } table#calendar td .events a.plus { background: none; bottom: -10px; color: #A12A1D; display: block; font-size: 16px; font-weight: bold; height: 14px; line-height: 14px; margin-right: -3px; position: absolute; right: 0; text-align: center; text-decoration: none; width: 13px; } td.empty #calendarTd { background: #fff; } td.futureDay #calendarTd, td.currentDay #calendarTd, td.pastDay #calendarTd { background: #fff; } td.futureDay #calendarTd.hasEvent, td.currentDay #calendarTd.hasEvent, td.pastDay #calendarTd.hasEvent { background: #efefef; } /* --- 13.19. Forward to a friend ------------------------------------------------- */ div#newsLetterForwardBlock { width:100%; } div#newsLetterForwardBlock div#introductionText { float:left; clear:both; margin:10px 0; } div#newsLetterForwardBlock div#yourInfoBlock { width:400px; float:left; } div#newsLetterForwardBlock div#friendInfoBlock { width:400px; float:left; } div#newsLetterForwardBlock div#friendInfoBlock label.friendLabel { width:175px; } div#newsLetterForwardBlock .formRowError label { font-weight:bold; color:#c00; } div#newsLetterForwardBlock .formRowError input { border:solid 1px #f00; } div#newsLetterForwardBlock div#messageBlock { clear:both; float:left; margin-top:20px; } div#newsLetterForwardBlock div#messageBlock textarea { width:300px; height:100px; } div#newsLetterForwardBlock div#messageBlock .mainButton { margin-left:150px; } /* --- 13.20. Testimonials ------------------------------------------------- */ div#testimonialsBlock { width:100%; } div#testimonialsBlock h3 { margin:10px 0 0 0; } div#testimonialsBlock .testimonial { margin:0 0 10px 30px; } div#testimonialsBlock h4 { text-transform:uppercase; line-height:15px; margin-top:10px; } div#testimonialsBlock .testimonialText p { margin-top:0; } div#testimonialsBlock .testimonialAuthor { font-style:italic; } div#testimonialsBlock form { margin-top:20px; } /* --- 13.21. Clearance login ------------------------------------------------- */ div#clearanceBlock { width:100%; } div#clearanceBlock #banner_top { float:left; width:500px; margin-right:10px; } div#clearanceBlock #bottom_content { float:left; width:450px; overflow:hidden; } div#clearanceBlock form { margin:25px 0 15px; } div#clearanceBlock fieldset { float:left; margin-top:3px; margin-right:10px; } div#clearanceBlock fieldset input { width:110px; } /* --- 13.22. CONTENT CSS IMPLEMENTATION REQUESTED BY TOTAL WINE ------------------------------------------------- */ /* --- (See TW-607 CSS Setup- additional elements for content pages) --- */ span.dropcap { float: left; font-size: 50px; line-height: 45px; margin-right: 2px; position: relative; } div.credit { font-size: 10px; color: #909090; font-weight: bold; font-style: italic; text-align: right } div.caption { font-size: 10px; font-weight: bold; } div.picright { margin: 6px 0 10px 15px; border: 0 none; border-bottom: #e3e2de 2px solid; padding: 10px 0; display: block; float: right; } div.picleft { margin: 6px 15px 10px 0; border: 0 none; border-bottom: #e3e2de 2px solid; padding: 10px 0; display: block; float: left; } div.picwide { border: 0 none; border-bottom: #e3e2de 2px solid; padding: 0 0 10px 0; display: block; width: 700px; } img.educwide { padding-bottom: 4px; } ul.newsbullet, ol.newsnumbers { margin-left: 14px; } ul.newsbullet li { list-style-type: disc; list-style-position: outside; } ol.newsnumbers li { list-style-type: decimal; list-style-position: outside; } : div#cm-content-section table { margin: 20px 0 10px; } div#cm-content-section table td { border: 0 none; padding: 0 12px; } blockquote { padding: 10px 40px; } /* --- 13.23. Job Application ------------------------------------------------- */ #cm-content-section .errorMessage { clear: both; line-height: 22px; } #jobPostingsTopNav { height: 65px; margin-bottom: 30px; width: 700px; } #jobPostingsTopNav div { color: #FFFFFF; float: left; padding-right: 10px; text-align: center; width: 77px; } #jobPostingsTopNav div a { color: #FFFFFF; } #jobPostingsTopNav div a:hover { text-decoration: none; } #jobPostingsTopNav div#jobPostingsHours, #jobPostingsTopNav div#jobPostingsEducation, #jobPostingsTopNav div#jobPostingsEmployment, #jobPostingsTopNav div#jobPostingsReferences, #jobPostingsTopNav div#jobPostingsSubmit { height: 36px; padding-top: 29px; } #jobPostingsTopNav div#jobPostingsPersonalInformation, #jobPostingsTopNav div#jobPostingsJobInformation, #jobPostingsTopNav div#jobPostingsResumeUpload { height: 43px; padding-top: 22px; } #jobPostingsTopNav div.JobPostingsSectionToDo { background: url('/_static/images/www/Shared/jobPostingTopNav_toDo.gif') top right no-repeat; } #jobPostingsTopNav div.JobPostingsSectionSelected { background: url('/_static/images/www/Shared/jobPostingTopNav_selected.gif') top right no-repeat; } #jobPostingsTopNav div.JobPostingsSectionPassed { background: url('/_static/images/www/Shared/jobPostingTopNav_justDone.gif') top right no-repeat; } #jobPostingsTopNav div.JobPostingsSectionLongPassed { background: url('/_static/images/www/Shared/jobPostingTopNav_longDone.gif') top right no-repeat; } #jobPostingsTopNav div#jobPostingsSubmit.JobPostingsSectionToDo { background-position: 0 top; } #jobPostingsTopNav div#jobPostingsSubmit.JobPostingsSectionSelected { background-position: -10px top; } #jobPostingsTopNav div#jobPostingsSubmit.JobPostingsSectionPassed { background-position: -64px top; } form.careerForm { overflow: hidden; padding-bottom: 28px; *padding-bottom: 35px; position: relative; width: 380px; } form#jobPostingsJobInformationForm.careerForm { width: 535px; } form#jobPostingsSubmitForm.careerForm, form#jobPostingsSubmitForm.careerForm fieldset label.longLbl { line-height: 16px; margin-bottom: 10px; width: 530px; } form.careerForm #howToInputHours { color: #333; float: left; font-size: 14px; line-height: 16px; margin-bottom: 10px; margin-top: -2px; width: 370px; } form.careerForm #currentSection { color: #a2291e; float: left; font-size: 16px; font-weight: bold; line-height: 16px; margin-bottom: 10px; } form.careerForm #currentSection.hdr_2, form.careerForm #currentSection.hdr_3 { clear: both; margin:20px 0 15px; } form.careerForm #required { color: #333; float: right; font-size: 12px; font-weight: bold; line-height: 20px; margin-bottom: 10px; margin-right: 10px; } form.careerForm fieldset { float: left; } form#jobPostingsJobInformationForm.careerForm fieldset { /*margin-bottom: 15px;*/ } form.careerForm fieldset label { font-weight: bold; line-height: 14px; padding-top: 4px; text-transform: none; width: 128px; } form#jobPostingsJobInformationForm.careerForm fieldset label { padding-right: 20px; width: 263px; } form#jobPostingsJobInformationForm.careerForm p, form.careerForm span.jobNote{ float: left; display: block; font-size: 11px; font-weight: normal; line-height: 14px; padding-top: 3px; padding-right: 20px; width: 263px; } form.careerForm fieldset label.rdLabel, form#jobPostingsJobInformationForm.careerForm fieldset label.rdLabel { margin: 0 25px 0 8px; padding: 0; padding-top: 3px; width: auto; } form.careerForm fieldset label.mainRadioLabel { width: 195px; } form.careerForm fieldset label.extLabel { line-height: 22px; padding: 0 2px 0 6px; text-transform: lowercase; width: 20px; } form#jobPostingsHoursForm.careerForm fieldset label { width: 120px; } form#jobPostingsHoursForm.careerForm fieldset label.subLabel1, form#jobPostingsHoursForm.careerForm fieldset label.subLabel2 { color: #696969; font-size: 11px; font-weight: normal; line-height: 16px; padding-top: 3px; text-transform: lowercase; } form#jobPostingsHoursForm.careerForm fieldset label.subLabel1 { margin-right: 5px; width: 30px; } form#jobPostingsHoursForm.careerForm fieldset label.subLabel2 { margin: 0 0 0 6px; width: 14px; } form.careerForm fieldset input { color: #888; padding-left: 2px; padding-right: 3px; width: 230px; } form#jobPostingsHoursForm.careerForm fieldset input { width: 88px; } form.careerForm fieldset input#telephone, form.careerForm fieldset input#emergencyPhone, form.careerForm fieldset input.mainPhone { width: 155px; } form.careerForm fieldset input#telephoneExtension, form.careerForm fieldset input#emergencyPhoneExtension, form.careerForm fieldset input.extPhone { width: 35px; } form.careerForm fieldset input[type=radio], form.careerForm fieldset input[type=checkbox] { border: none; width: 14px; } form.careerForm fieldset select { color: #888; width: 237px; } form.careerForm fieldset textarea { color: #888; padding: 2px; width: 231px; } form.careerForm input#Submit.standardButton, form.careerForm input#previousBtn.standardButton, form.careerForm input#addBlockBtn.standardButton { bottom: 0; float: none; position: absolute; } form.careerForm input#Submit.standardButton { right: 10px; width: 66px; } form.careerForm input#previousBtn.standardButton { background: #8a8a8a; right: 85px; width: 76px; } form.careerForm input#addBlockBtn.standardButton { background: #8a8a8a; left: 0; width: 140px; } form.careerForm input#removeBlockBtn.standardButton { background: #8a8a8a; color: #fff; width: 140px; } form#jobPostingsEmploymentForm.careerForm input#addBlockBtn.standardButton { width: 122px; } form#jobPostingsEmploymentForm.careerForm input#removeBlockBtn.standardButton { width: 144px; } form#jobPostingsResumeUploadForm.careerForm input#removeResumeBtn.standardButton { color: white; text-transform: capitalize; width: 54px; } form.careerForm fieldset input#desiredStartDate, form.careerForm fieldset input#appliedBeforeWhen, form.careerForm fieldset input.hasDatepicker { width: 203px; } form.careerForm fieldset a.calUI { background: url('/_static/images/www/Shared/icons/calIconUI.gif') top left no-repeat; cursor: pointer; display: block; float: right; height: 22px; margin-right: 10px; text-indent: -9000px; width: 20px; } form.careerForm fieldset label.subTopic { padding-left: 25px; width: 238px !important; } form.careerForm fieldset label.resumeDesc { font-weight: normal; line-height: 14px; width: 300px; } form#jobPostingsSubmitForm.careerForm .cm-block { background-color: #dedede; color: #9e9e9e; font-size: 12px; font-weight: bold; line-height: 17px; margin-bottom: 10px; padding: 10px; width: 510px; } #ui-datepicker-div { border: 1px solid #888; width: 231px; } /* ---------------------------------------------------------------------------- */ #careerCorporateJobs h3 { padding: 20px 0 10px 0; } ul#job-listing, ul#job-listing li { list-style-type:none; list-style-position:outside; margin-left: 0; width: 720px; } #job-listing li { margin: 0 0 4px 0; float: left; width: 100%; /* IE7 Fix */ *float: none; *position: relative !important; *top:-0.2em; *vertical-align: top; /* */ } body#version-fre li#directoGlobalISVPartnerships_US { display: none; } #job-listing li div { padding: 0 10px 12px 37px; float: left; width: 660px; } #job-listing li a.position { border: 1px solid #ccc; display: block; color: #a2291e; background-color: #f4f3ef; padding: 0 0 2px 10px; font-size: 18px; font-weight: bold; height: 24px; line-height: 24px; clear: both; position: relative; } #job-listing li a.position:hover { background-color: #ddd; text-decoration: none; } #job-listing li a.expanded { display: block; color: #fff; background-color: #0e87ef; } #job-listing li a.position span { border-right: 1px solid #ccc; display: block; float: left; font-size: 14px; font-weight: bold; line-height: 26px; height: 26px; width: 18px; margin-right: 7px; } #job-listing li div strong { font-size: 13px; font-weight: bold; margin-top: 10px; display: block; } #job-listing li div p strong { font-size: 12px; margin: 0; display: inline; } #job-listing li ul { margin: 15px 0; float: left; } #job-listing li ul li { *float: none; list-style-type: disc; list-style-position: inside; margin-bottom: 6px; margin-left: 18px; width: 650px; } #job-listing li ul li li { width: 630px; } .tool-tip-box { width: 560px !important; } .group:before, .group:after { content: ""; display: table; } .group:after { clear: both; } .group { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ } .pull-left { float: left; } .pull-right { float: right; } .careerForm .pull-right { width: 247px; } .not-required { clear: both; } .not-required .rdLabel { margin-right: 0 !important; } /*>>>>>>>>>> 14_jquery.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 14. JQUERY UI Widgets "Skin" */ /* ==================================================================================================== */ /* --- 14.1. Resets for the "built-in" colors for JQuery UI widgets -------------------------------- */ /* **** Component containers **** */ /* .ui-widget-content {border: none; background: none; color: inherit;} .ui-widget-content a {color: inherit;} .ui-widget-header {border: none; background: none; color: inherit;} .ui-widget-header a {color: inherit;} */ /* **** Interaction states **** */ /* .ui-state-default, .ui-widget-content .ui-state-default {border: none; background: none; color: inherit;} .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: inherit;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {border: none; background: none; color: inherit;} .ui-state-hover a, .ui-state-hover a:hover {color: inherit;} .ui-state-active, .ui-widget-content .ui-state-active {border: none; background: none; color: inherit;} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: inherit;} */ /* **** Interaction Cues **** */ /* .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: none; background: none; color: inherit;} .ui-state-highlight a, .ui-widget-content .ui-state-highlight a {color: inherit;} .ui-state-error, .ui-widget-content .ui-state-error {border: none; background: none; color: inherit;} .ui-state-error a, .ui-widget-content .ui-state-error a {color: inherit;} .ui-state-error-text, .ui-widget-content .ui-state-error-text {color: inherit;} */ /* **** Overlays **** */ /*.ui-widget-overlay {background: none;} .ui-widget-shadow {background: none;} */ /* --- 14.2. JQuery UI colors and backgrounds ------------------------------------------------- */ /*>>>>>>>>>> 22_product_details.css <<<<<<<<<<*/ /* ==================================================================================================== */ /* 4. PRODUCT DETAILS PAGE */ /* ==================================================================================================== */ div#productBlock { background-color: #fff; width: 940px; padding: 0 20px 25px; } /* --- 4.1. BREADCRUMBS, PRINT PAGE AND PREVIOUS/NEXT NAVIGATION ------------------------------------------------- */ /* FOR STANDARD STYLING OF BREADCRUMBS, SEE PRODUCT SEARCH RESULTS! */ div#productBlock div.productsNav { height: 30px; clear: both; display: none; } div#productBlock div.productsNav a { display:block; float:left; font-weight:bold; text-decoration:none; height:30px; line-height:30px; text-transform:uppercase; } div#productBlock div.productsNav a.previous { float:left; } div#productBlock div.productsNav a.next { float:right; } /* --- 4.2. PRODUCT DETAILS ------------------------------------------------- */ form#addToCart { overflow:hidden; } div#imageZoomer { width: 250px; height: 350px; padding: 9px; } div#imageZoomer img { background-color: #ccc; } div#leftSideProduct { float: left; width: 268px; position: relative; } div#rightSideProduct { float: left; margin: 23px 0 0 45px; width: 615px; } /* --- 4.2.1. PRODUCT IMAGE ------------ */ div#productBlock #productImage { width:280px; height:350px; background:#e0e0e0; overflow:hidden; } div#productBlock #productImage #zoomer { padding-bottom:10px; } #remote_wrap { position: absolute; top: 230px; left: 0; width: 280px; height: 280px; background: #ffffff !important; text-align: center; border:solid 1px #c0c0c0; } /* --- 4.2.2. PRODUCT ACTIONSBLOCK ------------ */ div#leftSideProduct div.format { font-size: 16px; font-weight: bold; color: #333; text-align: center; margin: 10px 0 0 0; } div#productBlock #actionBlock { } div#productBlock div#linkZoom { position: absolute; top: 1px; left: 1px; } div#productBlock div#linkZoom a { display: block; width: 28px; height: 28px; background-image: url(/_static/images/www/Shared/btns/btn-zoom.png); } div#productBlock div#linkEmailFriend, div#productBlock div#linkWishList, div#productBlock div#printThisPage { margin: 10px 0 0 0; clear: left; } div#productBlock div#linkEmailFriend a, div#productBlock div#linkWishList a, div#productBlock div#printThisPage a { color: #8a1520; text-align: center; display: block; } a#printPage { background-image:url(/_static/images/www/Shared/btns/btn-print.png); background-position: 18px 0; background-repeat: no-repeat; height: 16px; padding: 0 0 0 20px; display: block; width: 131px; } #wishList div.buttons a { line-height: 15px; } #wishList div.buttons a#printPage { width: auto; } #wishList div.buttons a.keepShopping { background:url(/_static/images/www/Shared/btnContinueShp.gif) right 5px no-repeat; margin-right: 0; padding-right: 10px; } div.buttons a#special-order, div.buttons a#customer-service { font-size: 11px; color: #333; text-align: center; display: block; clear: left; } div#productBlock div.linkAddToGift { display:block; float:left; clear:both; width:140px; height:16px; margin:0 5px 10px 0; } div#productBlock div.linkAddToGift a { display:block; height:16px; width:140px; color:#747474; font-size:0.8em; line-height:16px; background-image:url('/_static/images/www/shared/btnAddToGift.gif'); background-repeat:no-repeat; padding-left:20px; text-decoration:none; } div#productBlock div.alternateImages { display:block; clear:both; width:280px; overflow:hidden; } div#productBlock div.alternateImages div.altImage { float:left; margin-right:5px; width:50px; height:50px; border: solid 1px #909090; text-decoration:none; font-size:8px; margin:10px 10px 10px 0; } div#productBlock div.alternateImages div.altImage img { width:50px; height:50px; } /* --- 4.2.3. PRODUCT DESCRIPTION ------------ */ div#productBlock div#productDescription { float: left; margin: 18px 0 0; } div#productBlock div#productInformation { float: left; width: 370px; } div#productBlock div#productInformation table { margin: 0; } div#productBlock div#productInformation table td { border: 0 none; text-align: left; padding: 2px 0; } div#productBlock div#productDescription h3, div#productBlock div#productDescription h4 { display:block; width:280px; clear:left; padding-top:5px; } div#productBlock div#productDescription p { margin-bottom:10px; } div.swatchBox { position: absolute; background-color: #fff; padding: 3px 3px 0 3px; border: 1px solid #C2C6CC; z-index: 1; width: 191px; height: 130px; margin: -134px 0 0 -4px; float: left; } div.swatchBox div#swatchBoxImg { width: 192px; height: 111px; overflow: hidden; } div.swatchBox div#swatchBoxText { font-weight: bold; line-height: 20px; } /* --- 4.2.4. ADDITIONAL DETAILS ------------ */ div#social-media-box .social-icons-holder { display: inline-block !important; } div#social-media-box .social-icons-holder li{ float:left; width: 100px; } div#productBlock div#additionalDetails { float: left; margin-right: 5px; width: 430px; } div#productBlock div#additionalDetails div { float: left; clear: left; width: 410px; margin: 6px 0 0; } div#productBlock div#additionalDetails p { float: left; width: 410px; margin: 0 0 6px; line-height: 1.4em; } div#social-media-box .social-icons-holder li div { width: auto !important; margin: 0 !important; } div#productBlock div#additionalDetails h1 { border: none; font-size: 24px; color: #727531; margin-bottom: 0; padding-bottom: 0; letter-spacing: 0; padding: 0; font-weight: normal; width: 410px; } div#productBlock div#additionalDetails #rating-box { margin: 24px 10px 0 0; float: left; } div#productBlock div#additionalDetails #idAndAvailable { color: #999; } div#productBlock div#additionalDetails #idAndAvailable { color: #999; } div#productBlock div#additionalDetails div#store_location-main-box { color: #999; } #rating-box { margin: 10px auto 0; font-size: 11px; font-weight: bold; width: auto; } #rating-box #points { padding: 0 3px; background-color: #9d3838; color: #fff; text-align: center; border: 0 none; border-left: 1px solid #3f4141; border-bottom: 1px solid #3f4141; border-top: 1px solid #3f4141; } #rating-box #target { padding: 0 3px; color: #615a4a; border: 0 none; border-top: 1px solid #3f4141; border-right: 1px solid #3f4141; border-bottom: 1px solid #3f4141; background-color: #fff; white-space: nowrap; } div#productBlock div#additionalDetails #idAndAvailable span { font-size: 14px; } div#productBlock div#retailPrice { color: #333333; float: left; font-size: 13px; font-weight: bold; line-height: 24px; *line-height: 22px; margin-right: 5px; } div#productBlock #rightSideProduct .winery-direct { height: 20px; margin: 9px 0 15px; width: 150px; } div#productBlock #rightSideProduct .winery-direct a { display: block; height: 100%; width: 100%; } div#productBlock div#ourPrice { height: 26px; margin-bottom: 10px; overflow: hidden; } div#productBlock div#ourPrice span#productPrice { color: #333; display: block; float: left; font-size: 18px; font-weight: bold; line-height: 20px; margin-right: 4px; } div#productBlock div#ourPrice span#productPrice.before-sale { font-size: 14px; font-weight: normal; line-height: 26px; } div#productBlock div#ourPrice span#crv { clear: none; display: block; float: left; font-weight: bold; line-height: 17px; margin-top: 3px; width: 107px; } div#productBlock div#ourPrice span#crv a.tooltip { display: block !important; float: right; line-height: 12px; margin-left: 0; margin-top: 0; *float: none; *display: inline !important; } div#productBlock div#ourPrice span.prodDescript { color: #A12A1D; font-weight: bold; font-size: 18px; margin-bottom: 10px; } /* --- 4.2.5. ORDER FORM ------------ */ div#productBlock div#orderForm { float: left; width: 180px; } div#productBlock div#orderForm h3 { height:20px; display:block; text-indent:-99999px; background-repeat:no-repeat; } div#productBlock div#orderForm h3.eng { background-image:url('/_static/images/www/eng/titlePlaceYourOrder.gif'); } div#productBlock div#orderForm h3.fre { background-image:url('/_static/images/www/fre/titlePlaceYourOrder.gif'); } div#productBlock div#orderForm div#lineItemsHolder { overflow:hidden; } div#productBlock div#orderForm div#lineItemsHolder div.selectBlock { float:left; width:90px; } div#productBlock div#orderForm span.additionalLink { display:block; clear:both; } div#productBlock div#orderForm fieldset { min-height:24px; height:auto !important; height:24px; display:block; } div#productBlock div#orderForm fieldset label { width:60px; float:left; } div#productBlock div#orderForm fieldset select { width: 75px; } div#productBlock div#orderForm fieldset select option { padding-left:3px; } div#productBlock div#orderForm fieldset input { width:20px; text-align:center; } div#productBlock div#orderForm fieldset a { text-decoration:none; } div#productBlock div#orderForm .minusIcon, div#productBlock div#orderForm .plusIcon { float:left; margin:5px 5px 0 0; cursor:pointer; } div#productBlock div#orderForm div#singleColor, div#productBlock div#orderForm div#singleSize { float:left; margin-right:5px; } div#productBlock div#orderForm a.imagePreview { display:block; float:left; width:80px; height:80px; margin-right:5px; overflow:hidden; position:relative; } div#productBlock div#orderForm div#itemConfigurable { clear:both; overflow:hidden; } div#productBlock div#orderForm div#itemConfigurable h4 { margin:15px 0 3px; font-size:1.3em; } div#productBlock div#orderForm div#itemConfigurable fieldset { margin:0; clear:both; float:right; width:310px; } div#productBlock div#orderForm div#itemConfigurable fieldset label { width:143px; } div#productBlock div#orderForm div#itemConfigurable fieldset input { width:160px; } div#productBlock div#orderForm div.buttons { overflow:hidden; } div#productBlock div#orderForm div.buttons { overflow: hidden; clear: left; float: left; } div#productBlock div#orderForm div.buttons a#btnCheckout, div#productBlock div#orderForm div.buttons a#findInStore { display: none; } div#productBlock div#orderForm div.buttons a.add-to-cart { background-color: #a12a1d; text-decoration: none; color: #fff; font-weight: bold; font-size: 14px; text-transform: uppercase; float: left; margin: 0 0 6px; } div#AddToShopProcessingMainButton { display: block; float: left; margin: 10px 0; } div#productBlock div#orderForm div.buttons a.add-to-cart span { background-image: url(/_static/images/www/shared/iconShoppingBag.gif); background-position: 10px 6px; background-repeat: no-repeat; float: left; padding: 8px 16px 8px 42px; white-space: nowrap; } div#productBlock div#orderForm div.buttons .mainButton { margin:10px 0 0 10px; float:right; display:inline; height:24px; } divAddToShopProcessingMainButton, div#AddToShopProcessingMain { float: left; clear: left; margin: 10px 0 20px; } div#productBlock div#orderForm div.buttons div#AddToShopProcessingMain img { float:left; } div#productBlock div#orderForm div.buttons div#findInStore { clear:both; } div#additionalDetails div.buttons { } div#additionalDetails div.buttons a { margin:0 10px 10px 0; } /* --- 4.2.6. ACCESSOIRES ------------ */ div#productBlock div#accessoriesBlock { display:none; } /* --- 4.2.7. CROSS-SELL ------------ */ div#productBlock div#crossSellBlock { width: 940px; float: left; margin-top: 10px; } div#productBlock div#crossSellBlock div.article { width: 235px; float: left; text-align: center; } div#productBlock div#crossSellBlock div.article a.imagePreview { display: block; width: 100px; height: 140px; margin: 0 auto; } div#productBlock div#crossSellBlock div.article a.imagePreview img { display: block; width: 100px; height: 140px; overflow: hidden; background-color: #eee; } div#productBlock div#crossSellBlock div.oneColor { float:left; } div#productBlock div#crossSellBlock div.article div.crossSellTitleAlone { width:120px; margin-left:5px; float:left; font-size:9px; line-height:12px; } div#productBlock div#crossSellBlock div.itemFields { width: 175px; margin: 8px auto 8px; padding: 0 30px; overflow: hidden; } div#productBlock div#crossSellBlock div.itemFields fieldset.firstField { display: none; width: 80px; margin: 8px 35px 0; } div#productBlock div#crossSellBlock div.itemFields fieldset label { width: 50px; } div#productBlock div#crossSellBlock div.itemFields fieldset input { width: 20px; height: 16px; } div#productBlock div#crossSellBlock div.itemFields fieldset#select-size { display: none; width: 130px; margin: 8px 10px 0; } div#productBlock div#crossSellBlock div.itemFields fieldset#select-size label { width: 25px; } div#productBlock div#crossSellBlock div.itemFields fieldset#select-size select { width: 100px; } div#productBlock div#crossSellBlock div.itemFields .itemTitle a { display: block; font-weight: bold; color: #727531; } div#productBlock div#crossSellBlock div.itemFields .itemTitle table { margin-top: 6px; } div#productBlock div#crossSellBlock div.itemFields .itemTitle div { margin-top: 8px; font-size: 14px; } div#productBlock div#crossSellBlock div.itemFields .itemTitle .winery-direct { display: inline-block; height: 20px; margin: 5px 0 -3px; width: 110px; } div#productBlock div#crossSellBlock div.itemFields .itemTitle .winery-direct a { display: block; height: 20px; width: 110px; } div#productBlock div#crossSellBlock div.itemFields .itemTitle .winery-direct img { display: inline-block; } div#productBlock div#crossSellBlock fieldset#select-size { /*display: none;*/ } div#productBlock div#crossSellBlock div#singleColor, div#productBlock div#crossSellBlock div#singleSize { float:left; margin-right:5px; } div#productBlock div#crossSellBlock div.article span.before-sale { font-size: 14px; } div#productBlock div#crossSellBlock div.article span.prodDescript { color: #a24; font-weight: bold; font-size: 16px; margin-bottom: 10px; } div#productBlock div#crossSellBlock div.article span#CrossSellproductPrice strike { font-size: 12px; } div#productBlock div#crossSellBlock div.article span#CrossSellproductPriceonsale span { color: #8A1520; } div#productBlock div#crossSellBlock div.article div.buttons { margin: 8px auto 0; width: 99px; overflow: hidden; } div#productBlock div#crossSellBlock div.article div.buttons a { margin: 0; text-transform: none; } div#productBlock div#crossSellBlock div.article div.buttons a.standardButton { background-image: url("/_static/images/www/shared/iconShoppingBagSmall.gif"); background-position: 3px 2px; background-repeat: no-repeat; font-size: 10px; margin: 0; padding: 4px 15px; text-transform: uppercase; } /* --- 4.2.8. AVAILABILITY NOTIFICATION ------------ */ div#availabilityBlock { clear:both; overflow:hidden; } div#availabilityBlock h3 { height:20px; } div#availabilityBlock div.emailLine { overflow:hidden; clear:both; width:600px; } div#availabilityBlock div.emailNotification { width:auto; overflow:hidden; float:left; height:24px; line-height:24px; } div#availabilityBlock div.emailNotification span.size { display:block; float:left; font-weight:bold; color:#606060; } div#availabilityBlock div.emailNotification a { color:#aa2244; } div#availabilityBlock div.emailField { overflow:hidden; float:left; } div#availabilityBlock div.emailField input { float:left; } div#availabilityBlock div.emailField input.notifyEmail { margin:4px; } div#availabilityBlock div.emailField .mainButton { float:left; height:24px; } div#availabilityBlock div.emailUpdating { clear:both; margin-left:5px; } /* --- 4.2.9. CONFIGURABLE ------------------------- */ div#itemConfigurable fieldset { width:100%; } /* TODO: remove inline style from product detail page */ div#itemConfigurable fieldset label { } div#itemConfigurable fieldset label span input { } /* --- 4.2.10. KITS ------------------------- */ #kitsContentBlockRight{ float:right; width:760px; } #kitsContentBlockRight div#kitsProductImage{ float:left; display:inline; font-size:11px; color:#330000; padding:22px 12px 6px 0; } #kitSlotTab{ border-bottom:1px solid #b49169; } #kitSlotTab ul li { display:inline; margin:5px 3px 5px 2px; padding:8px 30px 0 10px; } #kitSlotTab ul li a { color:#d2baa8; padding-bottom:5px; text-decoration:none; font-size:11px; font-weight:bold; } #kitSlotTab ul li.inactive { background-color:#6a4a35; } #kitSlotTab ul li.inactive_incomplete, #kitSlotTab ul li.inactive_completed { background-color: brown; } #kitSlotTab ul li.active_incomplete, #kitSlotTab ul li.active_completed { background-image:url(/_static/images/www/Shared/btn_addtoCart.png); background-repeat:no-repeat; } #kitSlotTab ul li.active_incomplete a, #kitSlotTab ul li.active_completed a{ color: black; } #kitSlotTab ul li.inactive_incomplete, #kitSlotTab ul li.active_incomplete { background-image:url('/_static/images/www/Shared/kits_inprogress.png'); background-position:right center; background-repeat:no-repeat; } #kitSlotTab ul li.inactive_completed, #kitSlotTab ul li.active_completed { background-image:url('/_static/images/www/Shared/kits_completed.png'); background-position:right center; background-repeat:no-repeat; } table#kitSlotMainTable{ margin:6px 0; width:580px; font-size:12px; clear:none; } table#kitSlotMainTable td.withBorder{ border-bottom:1px solid #825d47; } #kitSlotMainTable tr td.progress div { width: 20px; height:20px; background-repeat:no-repeat; } #kitSlotMainTable caption { font-weight:bold; font-size:14px; text-align:left; color:#330000; } #kitSlotMainTable th { background-color:#6a4935; text-transform:capitalize;} #kitSlotMainTable tr{ margin:0; } #kitSlotMainTable td{ border:none; padding:0; } #kitSlotMainTable thead{ background-color:#6a4935; height:25px; } table#kitSlotMainTable .whiteBg, .expand{ border:none !important; background-color:#fff; } #kitSlotMainTable tr td.progress{ padding-left:20px; } #kitSlotMainTable tr td.component{ text-align:left; padding-left:5px; } #kitSlotMainTable tr td.requiredQty, #kitSlotMainTable tr td.selectedQty, #kitSlotMainTable tr td.addExtra{ font-weight:bold; } #kitSlotMainTable tr td.addExtra{ color:#dd0d0d; } #kitSlotMainTable tr td.progress div.incomplete { background-image:url('/_static/images/www/Shared/kits_incomplete.png'); } #kitSlotMainTable tr td.progress div.inprogress { background-image:url('/_static/images/www/Shared/kits_inprogress.png'); } #kitSlotMainTable tr td.progress div.completed { background-image:url('/_static/images/www/Shared/kits_completed.png'); } #kitSlotMainTable tr td.expand div.closed { width: 15px; height:15px; background-repeat:no-repeat; background-image:url('/_static/images/www/Shared/kits_closed_slot.png'); } #kitSlotMainTable tr td.expand div.opened { background-image:url('/_static/images/www/Shared/kits_opened_slot.png'); } #kitSlotMainTable tr.odd { background-color:#fbefde; } #kitSlotMainTable tbody{ height:25px; background-color:#ffffff; color:#620404; } div#configGiftHeaders{ float:right; width:100%; } div#txtBasePrice, div#curBasePrice, div#txtTotalExtra, div#curTotalExtra, div#txtCurrentPrice, div#curCurrentPrice{ color:#dd0d0d; font-weight:bold; } #kitSlotMainTable tbody tr.tabComplete{ background-color:#fbefde; } #kitSlotMainTable tbody tr.normal{ background-color:#fff; } #kitSlotMainTable tbody tr.colored{ background-color:#fbefde; } div#configureGift{ float:left; text-transform:uppercase; color:#330000; font-size:18px; text-indent:3px; } div#txtBasePrice{ font-size:14px; float:right; line-height:20px; } div#curBasePrice{ font-size:16px; float:right; text-indent:3px; } div#txtDirective{ color:#a15224; font-size:13px; font-weight:bold; padding-bottom:10px; } div#kitsProgressSection{ color:#72523f; float:right; width:679px; height:100px; margin-top:20px; } div#KitsProgressBar { margin-top:-3px; } .progressTitle{ font-size:14px; color:#72523f; font-weight:bold; padding-left:18px; line-height:8px; } div#KitsProgressBar .percentageBarLabelOne,div#KitsProgressBar .percentageBarLabelTwo { float:left; line-height:31px; font-size:11px; padding:2px 4px 0 2px; } div#KitsProgressBar .percentageBarLabelTwo{ } #kitsProgressBarPercent { width:318px; height:11px; border:1px solid #6a4935; float:left; margin-top:12px; } /* this class is used for assinging BG image to the progress bar */ #kitsProgressBarPercentBG { background-image:url('/_static/images/www/Shared/kits_progressBarBG.png'); height:10px; width:0; } #kitsProgressBarInd { width: 20px; height:20px; background-image:url('/_static/images/www/Shared/kits_inprogress.png'); background-repeat:no-repeat; float:left; margin-top:10px; } #kitsProgressBarInd.completed { background-image:url('/_static/images/www/Shared/kits_completed.png'); } div#addtoCartButton{ width:auto; float:left; } input#addToCart{ height:32px; border:none; width:auto; background-image:url(/_static/images/www/Shared/btn_addToCart.png); color:#ffffff; padding:0 0 0 11px; font-size:16px; text-transform:capitalize; font-weight:bold; float:left; } input.addtoCartButtonEnd{ background-image:url(/_static/images/www/Shared/btnEnd_addToCart.png); background-repeat:no-repeat; float:left; height:32px; margin:0; width:22px; border:none; } input#resetKit{ height:32px; border:1px solid #904f29; width:auto; background-color:#ffffff; padding:0 11px; font-size:16px; color:#a45424; text-transform:capitalize; font-weight:bold; float:left; margin:0 5px 0 60px; } #kitSlotTabHolder{ float:left; } /* --- 4.3. MODELS/STYLES ------------------------------------------------- */ div#modelSearchResults { /* width:800px; */ } div#modelSearchResults .product { float:left; width:125px; margin-right:33px; margin-bottom:15px; } div#modelSearchResults .noRightMargin { margin-right:0 !important; } div#modelSearchResults .product a.prodImage { display:block; width:125px; height:125px; margin-bottom:5px; } div#modelSearchResults .product .description { font-weight:bold; } div#modelsBlock { /* width:800px; */ } div#modelsBlock div#modelImage { width:250px; height:250px; float:left; margin-right:10px; } div#modelsBlock div#models { float:right; width:340px; overflow:hidden; } div#modelsBlock div.modelTypeBlock { clear:left; width:340px; margin-bottom:10px; padding-top:3px; padding-bottom:10px; border-bottom:solid 1px #c0c0c0; background:#eee; } div#modelsBlock div.modelTypeImage { width:82px; height:100px; float:left; margin:5px; display:inline; } div#modelsBlock div.modelTypeImage a { width:80px; height:80px; display:block; } div#modelsBlock div.modelTypeImage a img { border:solid 1px #c0c0c0; } div#modelsBlock div.modelTypeDescription { float:left; margin-left:5px; width: 240px; } div#modelsBlock div.modelTypeDescription fieldset { width:250px; margin-bottom:0; height:20px; } div#modelsBlock div.modelTypeDescription fieldset label { width:50px; height:20px; } div#modelsBlock div.modelTypeDescription fieldset select { width:100px; } div#modelsBlock div.modelTypeDescription div.modelPrice { font-weight:bold; } div#modelsBlock div.trendsActionsBlock { clear:left; } div#modelsBlock div.trendsActionsBlock input { width:14px; height:14px; margin:3px 5px 0 5px; border:solid 0; } div#modelsBlock div#modelDescription { float:left; clear:left; width:250px; } div#modelsBlock div#models .mainButton { float:right; } /* --- 4.4. PRINT ITEM ------------------------------------------------- */ body#printPage { background:#fff; } body#printPage div#outside { margin: 10px; width: 530px; overflow: hidden; } body#printPage div#outside div#logo { background:#fff; width: 530px; float: left; margin-bottom: 20px; } body#printPage div#outside div#prodImage { width: 250px; margin: 0 10px 0 0; float: left; } body#printPage div#outside div#prodImage img { background-color: #eee; width: 250px; height: 350px; display: block; overflow: hidden; } body#printPage div#outside div#prodDesc { width: 265px; float: left; font-size: 1.1em; margin: 5px 0; overflow: hidden; } body#printPage div#outside div#prodDesc strong { font-size:1.1em; } body#printPage div#outside div#prodDesc h3 { border-top:solid 1px #c0c0c0; margin-top:5px; padding-top:5px; } body#printPage div#outside div#buttons { clear: right; width: 530px; overflow: hidden; background: #fff; float: left; margin-top: 20px; } body#printPage div#outside div#buttons .standardButton { float: right; } body#printPage div#outside div#buttons input { text-transform:uppercase; } .grid .rating-star { float: none !important; padding: 10px 0px 0px 0px !important; text-align:center !important; } .grid .rating-star img, .grid .rating-star a { display: inline-block; padding-top: 5px; } .grid .rating-star a { padding-top: 5px; } /*TW-3365*/ .rating-container{ display:inline-block; } .rating-star { float:left; padding: 10px 50px 5px 0px; } .rating-box-holder{ float:left; padding: 5px 0px; } .detailed-description { clear: left; } .grid .rating-box-holder{ float: none !important; padding: 5px 0px 0px 0px !important; text-align: center; } div#searchResultsBlock div.product div.product-details .rating-star a{ color: #A12A1D; text-decoration: none; } /*>>>>>>>>>> 23_content_blocks.css <<<<<<<<<<*/ /* This CSS file will reset all styles of all blocks with class "cmsContent" in order */ /* to give the customer full control over their content blocks. */ .cmsContent { float: left; } .cmsContent div, .cmsContent span, .cmsContent applet, .cmsContent object, .cmsContent iframe, .cmsContent h1, .cmsContent h2, .cmsContent h3, .cmsContent h4, .cmsContent h5, .cmsContent h6, .cmsContent p, .cmsContent blockquote, .cmsContent pre, .cmsContent a, .cmsContent abbr, .cmsContent acronym, .cmsContent address, .cmsContent big, .cmsContent cite, .cmsContent code, .cmsContent del, .cmsContent dfn, .cmsContent em, .cmsContent font, .cmsContent img, .cmsContent ins, .cmsContent kbd, .cmsContent q, .cmsContent s, .cmsContent samp, .cmsContent small, .cmsContent strike, .cmsContent strong, .cmsContent sub, .cmsContent sup, .cmsContent tt, .cmsContent var, .cmsContent b, .cmsContent u, .cmsContent i, .cmsContent center, .cmsContent dl, .cmsContent dt, .cmsContent dd, .cmsContent ol, .cmsContent ul, .cmsContent li, .cmsContent fieldset, .cmsContent form, .cmsContent label, .cmsContent legend, .cmsContent table, .cmsContent caption, .cmsContent tbody, .cmsContent tfoot, .cmsContent thead, .cmsContent tr, .cmsContent th, .cmsContent td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 12px; vertical-align: baseline; background: transparent; line-height: 1.4em; color: #333; } .cmsContent h1 {font-size:2em;} .cmsContent h2 {font-size:1.8em;} .cmsContent h3 {font-size:1.6em;} .cmsContent h4 {font-size:1.4em;} .cmsContent h5 {font-size:1.2em;} .cmsContent h6 {font-size:1em;} .cmsContent p, .cmsContent ul, .cmsContent ol { margin: 10px 0; } .cmsContent ul, .cmsContent ul li { list-style-type:disc; list-style-position:inside; } .cmsContent ol, .cmsContent ol li { list-style-type:decimal; list-style-position:inside; } .cmsContent blockquote, .cmsContent q { quotes: none; } .cmsContent blockquote:before, .cmsContent blockquote:after, .cmsContent q:before, .cmsContent q:after { content: ''; content: none; } .cmsContent :focus { outline: 0; } .cmsContent ins { text-decoration: none; } .cmsContent del { text-decoration: line-through; } .cmsContent table { border-collapse: collapse; border-spacing: 0; border-collapse:collapse; border:solid 3px #c0c0c0; margin:10px 0 10px 3px; width:auto; } .cmsContent table td { border:solid 3px #c0c0c0; padding:1px; text-align:left; } /*>>>>>>>>>> 24_overrides.css <<<<<<<<<<*/ /* This CSS file will override jquery ui styles */ .ui-dialog { padding: 0; position: relative; width: auto !important; } .ui-corner-all { -moz-border-radius: 0 0 0 0; } .ui-dialog .ui-dialog-titlebar { margin-bottom: 0; } .ui-widget-content { border: 0 none; color: #333; } .ui-widget { font-size: 12px; font-family: Arial, Helvetica, sans-serif; } .ui-dialog .ui-dialog-content { background-color: #fff; } .ui-widget-overlay { background-image: none; background-color: black; opacity: .50; filter: Alpha(Opacity=50); } .ui-widget-header { background-image: none; background-color: #fff; border: 0 none; } .ui-dialog .ui-dialog-titlebar { padding: 0.5em 0 0; } .ui-dialog .ui-dialog-title { margin: 0; } .ui-tabs { padding: 0; } .ui-tabs .ui-tabs-panel { padding: 0; } .ui-tabs .ui-tabs-nav li { margin: 0 9px 0 0; } .ui-tabs .ui-tabs-nav { padding: 0; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-state-default, .ui-widget-content .ui-state-default, .ui-state-active, .ui-widget-content .ui-state-active { background-image: none; } .ui-state-default, .ui-widget-content .ui-state-default { background-color: #e9e3db; border-color: #e9e3db; } .ui-state-active, .ui-widget-content .ui-state-active { background-color: #fff; border-color: #A12A1D; } .ui-corner-top { border-top-left-radius: 0; border-top-right-radius: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { border-bottom-width: 0; padding-bottom: 0; } .ui-dialog .ui-dialog-titlebar-close span { background-image: url("/_static/images/www/shared/popupClose.gif"); background-position: 0 0; margin: 3px; } .ui-dialog .ui-dialog-titlebar-close { background: none; border: 0; padding: 0; }