/*>>>>>>>>>> jquery-ui-1.7.2.smoothness.css <<<<<<<<<<*/
/*
* jQuery UI CSS Framework 1.8.12
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.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; margin-left: 98%;}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework 1.8.12
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Tahoma,%20Arial&fwDefault=normal&fsDefault=1.1em&cornerRadius=0&bgColorHeader=cccccc&bgTextureHeader=01_flat.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=01_flat.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=01_flat.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=01_flat.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=01_flat.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 .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Tahoma, Arial; font-size: 1em; }
.ui-widget-content { background: #ffffff url(/_static/images/www/jquery-ui/smoothness/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #333; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { background: #ffffff url(/_static/images/www/jquery-ui/smoothness/ui-bg_flat_75_cccccc_40x100.png) 50% 50% repeat-x; color: #333; font-weight: bold; }
.ui-widget-header a { color: #222222; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-weight: normal; color: #666; padding: 1px; text-decoration: none;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /*background: #dadada url(/_static/images/www/jquery-ui/smoothness/ui-bg_flat_75_dadada_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #212121;*/ }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background: url(/_static/images/www/jquery-ui/smoothness/ui-bg_flat_65_ffffff_40x100.png) 50% 50% repeat-x; font-weight: normal; color: #000; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background: #DC8B8B url(/_static/images/www/jquery-ui/smoothness/ui-bg_flat_55_fbf9ee_40x100.png) 50% 50% repeat-x; color: #fff; padding: 1px 3px; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/_static/images/www/jquery-ui/smoothness/ui-bg_flat_95_fef1ec_40x100.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* 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); background-position: -96px -128px;*/}
.ui-datepicker-next .ui-state-hover {background-position: -48px -192px;}
.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-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.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; }
/* Date picker */
table.ui-datepicker-calendar td {padding: 3px;}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; }
.ui-corner-tr { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-br { -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.ui-corner-top { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.ui-corner-right { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; }
.ui-corner-left { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; }
.ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
/* Overlays */
.ui-widget-overlay { background: #fff; opacity: .80;filter:Alpha(Opacity=80); }
.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; border-radius: 8px; }/*
* jQuery UI Tabs 1.8.12
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Tabs#theming
*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; border-bottom: 1px solid #cacaca; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; border-bottom: 0 !important; padding: 0; white-space: nowrap;}
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; color: #ffffff; padding: 2px 5px }
/* TAB DEFAULT */
.ui-tabs .ui-tabs-nav li.ui-state-default { border: none; margin-right: 5px; }
.ui-tabs .ui-tabs-nav li.ui-state-default a { background-color: #dc8c8b; color: #fff; margin-left: 5px; margin-top: 5px; padding: 4px 7px;}
/* TAB SELECTED */
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; background: none repeat scroll 0 0 #ffffff; border: 1px solid #CACACA; margin-right: 5px;}
.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; color: #333333; padding: 9px 11px; background-color: #fff; margin: 0;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li { border: none;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li a { border: none; background: none repeat scroll 0 0 #DC8B8B;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; background-color: #ffffff; } /* 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 { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-dialog {
position: relative;
width: 300px;
}
.ui-dialog .ui-dialog-titlebar {
margin-bottom: 5px;
padding: 0.5em 0.3em 0.3em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: 0.1em 0 0.2em;
}
.ui-dialog .ui-dialog-titlebar-close {
height: 18px;
margin: -10px 0 0;
padding: 0px;
position: absolute;
right: 0.3em;
top: 50%;
/*width: 19px;*/
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 0px;
float: right;
}
.ui-dialog .ui-dialog-titlebar-close span.closeBTN {
color: #333333;
float: right;
font-size: 12px;
margin-top: 3px;
text-transform: uppercase;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
}
.ui-dialog .ui-dialog-content {
background: none repeat scroll 0 0 transparent;
border: 0 none;
overflow: auto;
padding: 0 10px 10px;
}
.ui-dialog .ui-dialog-buttonpane {
background-image: none;
border-width: 1px 0 0;
margin: 0.5em 0 0;
padding: 0.3em 1em 0.5em 0.4em;
text-align: left;
}
.ui-dialog .ui-dialog-buttonpane button {
cursor: pointer;
float: right;
line-height: 1.4em;
margin: 0.5em 0.4em 0.5em 0;
overflow: visible;
padding: 0.2em 0.6em 0.3em;
width: auto;
}
.ui-dialog .ui-resizable-se {
bottom: 3px;
height: 14px;
right: 3px;
width: 14px;
position: absolute;
}
/* DATE PICKER */
a.ui-datepicker-prev {
float: left;
}
a.ui-datepicker-next {
float: right;
}
div.ui-datepicker-title {
text-align: center;
}
/*>>>>>>>>>> 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;
}
/*>>>>>>>>>> smoothDivScroll.css <<<<<<<<<<*/
/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */
/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
min-width: 75px;
width: 30%;
height: 100%;
/* There is a big background image and it's used to solve some problems I experienced
in Internet Explorer 6. */
background-image: url(../images/big_transparent.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
left: 0;
/* The first url is for Firefox and other browsers, the second is for Internet Explorer */
cursor: url(/_static/images/www/Shared/arrow_left.png), url(/_static/images/www/Shared/arrow_left.png),w-resize;
}
/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
background-image: url(../images/arrow_left.gif);
background-color: #fff;
background-repeat: no-repeat;
opacity: 0.35; /* Standard CSS3 opacity setting */
-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}
/* Invisible right hotspot */
div.scrollingHotSpotRight
{
min-width: 75px;
width: 30%;
height: 100%;
background-image: url(../images/big_transparent.gif);
background-repeat: repeat;
background-position: center center;
position: absolute;
z-index: 200;
right: 0;
cursor: url(/_static/images/www/Shared/arrow_right.png), url(/_static/images/www/Shared/arrow_right.png),e-resize;
}
/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
background-image: url(../images/arrow_right.gif);
background-color: #fff;
background-repeat: no-repeat;
opacity: 0.35;
filter: alpha(opacity = 35);
-moz-opacity: 0.35;
zoom: 1;
}
/* The scroll wrapper is always the same width and height as the containing element (div).
Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
}
div.scrollableArea
{
position: relative;
width: auto;
height: auto;
overflow: hidden;
width: 29999px !important;
}
#makeMeScrollable {
width:100%;
position: relative;
}
#makeMeScrollable div.scrollableArea img {
position: relative;
float: left;
margin: 0;
padding: 0;
}
/*>>>>>>>>>> styles.css <<<<<<<<<<*/
/*
Sections that are marked "*******" are not done/clean yet:
1. GENERIC STYLES, USED THROUGHOUT THE ENTIRE SITE
2. **************************************
3. FAUX INLINE STYLES
4. **************************************
5. STRUCTURE BLOCKS
6. HEADER
6.1. Top logo
6.2. Header links
6.3. Search form
6.4. Shopping cart
6.5. Navigation menu
6.5.1. Generic structure
6.5.2. Level 1 customization (if images used)
6.5.3. Detailed customization
6.5.4. Shadows
6.5.5. Arrows
6.6. Breadcrumbs
7. LEFT BLOCK
8. FOOTER
9. ************************************** (done until 9.7)
10. TABLE PROPERTIES
10.1. General properties for all table
10.2. List of orders
10.2.1. Generic items
10.2.2. My Account / Order history
10.2.3. My Account / Past returns (orders)
10.3. List of items
10.3.1. Generic items
10.3.2. Shopping cart
10.3.3. Shopping cart crosssell
10.3.4. My Account / Request a return
10.3.5. My Account / Past returns (items)
10.3.6. My Account / Order status
10.4. Other tables
10.5. Error lines, etc.
11. *********************************************
12. CONTENT PAGES AND OTHER SPECIFICS
12.1. General styling
12.2. Language selection
12.3. Store.cfm and category landing pages
12.4. Shopping cart
12.5. In the Media
12.6. Mail-in rebates
12.7. Checkout processing
12.8. Clearance
**************
**************
**************
**************
13. CONTENT PAGES
15. SUPPORT FIXES
*/
/* ==================================================================================================== */
/* 1. GENERIC STYLES, USED THROUGHOUT THE ENTIRE SITE */
/* ==================================================================================================== */
* {
margin:0;
padding:0;
}
body {
font-family: Arial,Helvetica,sans-serif;;
font-size:12px;
color: #666;
background-color: #fff;
}
p {
margin: 5px 0 20px;
padding-right: 10px;
}
a {
color:#DC8B8B;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: 0;
}
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;
margin-bottom:5px;
}
h1 {font-size:26px; color:#666; text-transform:uppercase; margin-bottom:20px; border-bottom: 1px solid #CACACA; padding-bottom: 7px;}
h2 {font-size:20px; color:#666; text-transform:uppercase; margin-bottom:5px;}
h3 {font-size:16px;}
h4 {font-size: 16px; font-weight: normal; margin-bottom: 0;}
h5 {font-size: 12px; font-weight: bold;}
iframe {border:solid 0;}
iframe body {background-color:#fff;}
/* ==================================================================================================== */
/* 2. SPECIFIC CLASSES AND IDs */
/* ==================================================================================================== */
.mandatoryfields {
height:24px;
line-height:24px;
margin-bottom:5px;
}
.asterisk {
color: #c00;
font-weight:bold;
}
/* IF ASTERISKS NEED TO BE TO THE LEFT OF THE LABEL, UNCOMMENT ALL THIS! */
/*
fieldset label {
padding-left:10px;
}
fieldset .asterisk {
display:block;
float:left;
margin-right:5px;
margin-left:-10px;
}
*/
.errorMessage {
font-weight:bold;
color: #E61549;
display:block;
clear: left;
font-size: 11px;
}
.attention {
font-weight:bold;
color:#000;
display:block;
margin-bottom:10px;
}
.note {
float:left;
display:block;
margin:0 5px;
}
.boxBlock {
padding:0;
margin:20px 0;
}
.disabled {
opacity:0.25;
filter:alpha(opacity=25)
}
.enabled {
-moz-opacity:1;
opacity:1;
}
.hide {
display:none;
}
.show {
display:block;
}
.pixelBlock {
width:1px;
height:1px;
}
/* ==================================================================================================== */
/* 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;}
/* ==================================================================================================== */
/* 4. FORM ELEMENTS */
/* ==================================================================================================== */
/* --- 4.1. BUTTONS ------------------------------------------------- */
a.standardButton,
span.standardButton,
button.standardButton {
background: none repeat scroll 0 0 #8D8D8D;
color: #FEFEFE;
font-size: 13px;
cursor:pointer;
display:block;
float:left;
text-decoration:none;
text-transform:uppercase;
padding: 4px 11px 5px 11px;
margin: 10px 10px 10px 150px;
}
a.standardButton span,
span.standardButton span,
button.standardButton span {
/*background-image:url('/_static/images/www/Shared/stButtonLeft.gif');
background-position:0 0;
background-repeat:no-repeat;
display:block;
float:left;
padding:0 10px;
white-space:nowrap;*/
padding-top: 1px;
}
a.standardButton span input,
span.standardButton span input {
background-image:none;
background-color: transparent !important;
border: 0 none !important;
height:18px;
line-height:22px;
text-decoration:none;
font-size:13px;
font-family:helvetica,arial;
text-transform:uppercase;
color:#fff !important;
width: auto;
padding:0 !important;
cursor:pointer;
}
.largeButton {
padding: 7px 10px !important;
background-color: #DC8B8B !important;
}
.largeButton span,
.largeButton span input {
font-size:18px !important;
text-transform:uppercase !important;
}
.removeButton {
padding:2px 7px 6px !important;
}
/* --- 4.2. FIELDSETS ------------------------------------------------- */
fieldset {
border:0 none;
clear:left;
line-height:18px;
margin-bottom:16px;
}
/* --- 4.3. LABELS ------------------------------------------------- */
label {
float:left;
width:145px;
margin-right:5px;
text-transform: uppercase;
line-height:18px;
font-weight: bold;
color: #333;
}
label.labelHide {
display: none;
}
fieldset.radio label,
fieldset.checkBox label {
display: block;
float: left;
margin-right: 0 !important;
padding-left: 5px;
width: 430px !important;
}
/* --- 4.4. INPUTS ------------------------------------------------- */
input {
border: none;
background-color: #f1f1f1;
padding: 7px 7px 7px 7px;
float:left;
font-family:arial;
color: #333;
font-size: 11px;
width:150px;
}
input.radio, input.checkBox, input.checkbox, fieldset.radio input, fieldset.checkBox input {
width:13px;
height:13px;
border:solid 0;
float:left;
margin-top: 2px;
background:none;
padding-top: 0;
}
#myAccountBlock input,
#shoppingCartBlock input,
#contentBlock input.input,
#contentBlock textarea,
#contentBlock select,
#storeLocatorBlock input,
#contentBlock form#quickOrder input,
#shippingForm input,
#billingForm input,
#paymentInfo input,
#discountShippingInfo input,
#productID_search input {
background-color: #ffffff;
border: 1px solid;
border-color: #C0C0C0 #D9D9D9 #D9D9D9;
padding: 3px;
color: #333;
}
#shoppingCartBlock #shopping-cart input.quantityBox {
color: #000000;
font-weight: bold;
margin: 0;
padding: 4px;
text-align: center;
width: 18px;
}
select {
border:1px solid #909090;
float:left;
font-family:arial;
font-size:11px;
padding-left:2px !important;
height:22px;
width:159px;
color:#333;
}
textarea {
border:solid 1px #909090;
float:left;
font-family:arial;
font-size:14px;
margin-top:5px;
width:153px;
color:#666;
}
/* --- 4.5. OTHER ELEMENTS ------------------------------------------------- */
/* For Select this option */
.radioText, .checkBoxText {
float:left;
display:block;
padding-left: 7px;
margin-right:20px;
width:auto !important;
/*cursor: pointer;*/
}
/* For (span) elements in between phone number fields (dashes, ext) */
.phone-format {
float:left;
padding:0 3px;
display:block;
font-size:11px;
}
select.select-yyyy {width:60px; margin-right:6px;}
select.select-mm {width:70px; margin-right:6px;}
select.select-dd {width:60px;}
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;
}
input.checkBoxRight {
border:0pt solid;
float:left;
height:14px;
margin-right:10px;
margin-top:5px;
width:14px;
}
input.upload {
height:20px;
}
select.shortField, select.midField {
width: 70px;
margin-right: 10px;
}
div#formButtonRight {
width:322px;
height:40px;
}
/* ==================================================================================================== */
/* 5. STRUCTURE BLOCKS */
/* ==================================================================================================== */
#globalWrapper {
background-color: #f4f4f4;
}
#globalWrapperHome {
background-color: #fff;
}
#wrapper {
width:990px;
background-color: #ffffff;
margin: 145px auto 0;
overflow:hidden;
min-height: 400px;
}
#globalWrapperHome #wrapper #storeMain {
height: 354px;
overflow: hidden;
width: 950px;
}
#contentWrapper {
padding-left: 20px;
}
#galleryBlock, #membership-card-block {
margin:0 auto;
padding-left: 20px;
}
#galleryBlock #myAccountBlock, #contentBlock #myAccountBlock {
margin:0 auto;
padding-left: 0px !important;
}
#myAccountBlock .addressBookBlock a {
margin: 0 10px 30px 0;
}
#myAccountBlock .addressBookBlock {
padding:0 10px 10px 10px;
border:solid 1px #cacaca;
margin: 5px 0 20px 0;
position: relative;
width: 313px;
float: left;
}
#myAccountBlock .address-left {clear:both;}
#myAccountBlock .address-right {float: right}
#topNavigation {
background: url("/_static/images/www/Shared/topNav_bg.gif") repeat-x scroll #ffffff;
margin:0;
position:absolute;
width:100%;
top:0;
left: 0;
z-index:1001;
font-size:11px;
height: 145px;
min-width: 990px;
}
#wrapNavigation {
overflow: hidden;
width: 950px;
clear: both;
margin: 0 auto;
}
#contentBlock {
/*font-size:11px;
overflow:hidden;*/
padding:0px 20px 0px 0px;
}
div#leftBlock {
width:220px;
float:left;
clear:left;
padding:0px 0px 0px 0px;
display:block;
overflow:hidden;
background-color: #f4f4f4;
padding-left: 20px;
margin: 0;
}
.mainBlock {
overflow:hidden;
}
/* footer */
#footerContent {
clear:both;
width:960px;
clear:both;
margin: 0 auto;
overflow:hidden;
}
#footerBG {
background: none repeat scroll 0 0 #ffffff;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
#bannerTop {
padding: 0 20px;
}
#bannerBottom {
margin-top: 8px;
clear: both;
overflow: hidden;
padding: 0 20px;
}
#wrapNewsletter {
position:relative;
border-top: 1px solid #cacaca;
clear:both;
width:100%;
}
#newsletterBlock {
position:relative;
border-top: 1px solid #D1D1D1;
clear:both;
width:100%;
background-color: #ffffff;
}
#contentBlock #newsletterBlock {
border-top: none;
}
#contentBlock #newsletterBlock #newsletterFormSection {
float: left;
width: 600px;
}
#contentBlock #newsletterBlock #newsletterBanner {
float: right;
}
#newsletterBlock h2 {
border-bottom: 1px solid #cacaca;
margin-bottom: 15px;
padding-bottom: 7px;
}
#marginNewsletter {
background: none repeat scroll 0 0 #FFFFFF;
display: block;
height: 10px;
width: 100%;
}
#newsletterContent {
clear: both;
height: 33px;
margin: 0 auto;
overflow: hidden;
padding: 10px 0 5px;
width: 950px;
}
#footerBlock {
position:relative;
clear:both;
width:100%;
background:#2d2d2d;
}
.navFooter {float:left; padding-right:30px; width:210px;}
.navFooter:last-child {padding-right:0px; }
.last {padding-right:20px; width:213px;}
.navFooter h2 {margin-bottom:20px; padding-bottom:7px; font-size:17px; font-weight:normal; color:#fff; border-bottom:solid 1px #575757; margin-top: 4px;}
.navFooter ul {text-transform:uppercase; font-size:10px;}
.navFooter ul li {margin-bottom:8px;}
.navFooter ul li a {color:#cacaca; text-decoration: none;}
.navFooter ul li a:hover {text-decoration: underline;}
#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; */
}
/* ==================================================================================================== */
/* 6. HEADER */
/* ==================================================================================================== */
#topNavigation div#toolBar {
float:right;
margin-top:13px;
display:inline;
position: relative;
width: 716px;
}
/* --- 6.1. TOP LOGO ---------------------------------------------------------------------------------- */
#topNavigation #logo {
float:left;
width:230px;
overflow:hidden;
display:inline;
}
#topNavigation #logo a {
display:block;
height:90px;
background-repeat: no-repeat;
background-image: url("/_static/webupload/33/1007_1.jpg") !important;
}
/* --- 6.2. HEADER LINKS ----------------------------------------------------------------------------- */
#topNavigation div#headerLinks {
float:right;
clear:both;
margin-bottom:14px;
height: 14px;
overflow: hidden;
}
#topNavigation div#headerLinks ul {
float:left;
}
#topNavigation div#headerLinks ul div#switchCountry ul {
margin-top: -6px;
margin-top: -5px\9;
*margin-top: 14px;
*margin-left:-19px;
}
#topNavigation div#headerLinks ul li {
display:block;
float:left;
margin:0 8px 0 0;
padding:0 8px 0 0;
height:14px;
line-height:14px;
}
#topNavigation div#headerLinks ul li div#switchCountry:hover ul,
#topNavigation div#headerLinks ul li div#switchCountry div:hover ul,
#topNavigation div#headerLinks ul li div#switchCountry div ul:hover {
display:block !important;
}
#topNavigation div#headerLinks ul li.lastItem {
border-right:solid 0;
margin-right:0;
padding-right:0;
}
#topNavigation div#headerLinks ul li a {
display:block;
float:left;
font-size: 11px;
color: #454545;
font-weight: bold;
text-decoration:none;
text-transform:uppercase;
}
#topNavigation div#headerLinks ul li a:hover {
text-decoration:underline;
}
/* --- 6.3. SEARCH FORM ----------------------------------------------------------------------------- */
#toolBar #topForm {
clear:both;
float:right;
position: absolute;
right: 0px;
top: 86px;"
}
#toolBar #topForm a.advancedSearch {
float:right;
line-height:20px;
height:20px;
text-align:right;
margin-left:10px;
display:block;
text-decoration:none;
text-transform:capitalize;
}
#toolBar #topForm a.advancedSearch:hover {
text-decoration:underline;
}
#toolBar #topForm form {
float:right;
}
#toolBar #topForm input {
float:left;
}
#toolBar #topForm input#searchTerm {
color: #999999;
font-size: 13px;
height: 15px;
margin: 0 3px 0 0;
text-transform: none;
width: 200px;
}
#toolBar #topForm select {
display:none;
}
#topForm input#srcGo {
background: none repeat scroll 0 0 #DC8B8B;
color: #FEFEFE;
cursor: pointer;
font-size: 14px;
height: 28px;
margin-left: 2px;
padding: 4px 10px 6px;
text-transform: uppercase;
width: auto;
}
input.inputButton {
background: none repeat scroll 0 0 #DC8B8B;
color: #FEFEFE;
font-size: 14px;
padding: 4px;
margin-left: 6px;
text-transform: uppercase;
}
/* --- 6.4. SHOPPING CART ----------------------------------------------------------------------------- */
#toolBar #topShoppingCart {
height:20px;
line-height:20px;
padding: 9px 15px 9px 20px;
float:right;
font-size:0.9em;
background-color: #f1f1f1;
background-repeat:no-repeat;
background-position:0 2px;
display: block;
clear: both;
}
#toolBar #topShoppingCart a {
color:#606060;
text-decoration:none;
cursor: pointer;
}
#toolBar #topShoppingCart span.cart {
background-image:url('/_static/images/www/Shared/iconShoppingBag.gif');
padding-left: 24px;
background-repeat:no-repeat;
background-position: left 1px;
color: #999999;
text-transform: uppercase;
font-size: 13px;
height: 18px;
display: block;
padding-top: 5px;
}
#toolBar #topShoppingCart a.myWishlist {
color: #999999;
font-size: 13px;
padding-right: 20px;
text-transform: uppercase;
float: left;
padding-top: 5px;
}
#toolBar #topShoppingCart #ShoppingBagInfoLine {
margin:0 4px;
padding-top: 5px;
color: #333333;
font-size: 13px;
text-transform: uppercase;
margin-left: 10px;
}
/* --- 6.5. NAVIGATION MENU -------------------------------------------------------------------------- */
#topNavigation div#navigationMenu {
clear: both;
float: left;
height: 30px;
line-height: 30px;
margin-top: 9px;
width: 950px;
}
/* --- 6.5.1. Generic structure ----------------------------------------------------------- */
/* --- DO NOT CHANGE UNLESS ABSOLUTELY NECESSARY -------------------------------------------*/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute; top:-999em; width:14em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {left:0; top:2.5em; /* match top ul list item height */ z-index:99;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left:14em; /* match ul width */top:0;}
ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */top:0;}
ul.sf-menu li:hover, ul.sf-menu li.sfHover, lu.sf-menu a:focus, ul.sf-menu a:hover, ul.sf-menu a:active {outline:0;}
/* --- 6.5.2. Level 1 customization --------------------------------------------------------*/
/* --- IF LEVEL 1 IS MADE OF IMAGES --------------------------------------------------------*/
/*
#topMenuSections li#lev1opt1, #topMenuSections li#lev1opt1 > a {width:74px; height:30px;}
#topMenuSections li#lev1opt2, #topMenuSections li#lev1opt2 > a {width:48px; height:30px;}
#topMenuSections li#lev1opt3, #topMenuSections li#lev1opt3 > a {width:62px; height:30px;}
#topMenuSections li#lev1opt4, #topMenuSections li#lev1opt4 > a {width:97px; height:30px;}
#topMenuSections li#lev1opt5, #topMenuSections li#lev1opt5 > a {width:59px; height:30px;}
#topMenuSections li#lev1opt6, #topMenuSections li#lev1opt6 > a {width:86px; height:30px;}
#topMenuSections li#lev1opt7, #topMenuSections li#lev1opt7 > a {width:160px; height:30px;}
#topMenuSections li#lev1opt8, #topMenuSections li#lev1opt8 > a {width:59px; height:30px;}
#topMenuSections li#lev1opt9, #topMenuSections li#lev1opt9 > a {width:114px; height:30px;}
#topMenuSections li#lev1opt10, #topMenuSections li#lev1opt10 > a {width:147px; height:30px;}
#topMenuSections li#lev1opt1 {background-image:url('/static/images/www/eng/menu1.gif');}
#topMenuSections li#lev1opt2 {background-image:url('/static/images/www/eng/menu2.gif');}
#topMenuSections li#lev1opt3 {background-image:url('/static/images/www/eng/menu3.gif');}
#topMenuSections li#lev1opt4 {background-image:url('/static/images/www/eng/menu4.gif');}
#topMenuSections li#lev1opt5 {background-image:url('/static/images/www/eng/menu5.gif');}
#topMenuSections li#lev1opt6 {background-image:url('/static/images/www/eng/menu6.gif');}
#topMenuSections li#lev1opt7 {background-image:url('/static/images/www/eng/menu7.gif');}
#topMenuSections li#lev1opt8 {background-image:url('/static/images/www/eng/menu8.gif');}
#topMenuSections li#lev1opt9 {background-image:url('/static/images/www/eng/menu9.gif');}
#topMenuSections li#lev1opt10 {background-image:url('/static/images/www/eng/menu10.gif');}
#topMenuSections > li > a {text-indent:-999em;}
#topMenuSections > li:hover, #topMenuSections li.sfhover {background-position:0 -30px;}
*/
/* --- 6.5.3. Detailed customization --------------------------------------------------------*/
/* --- THIS IS THE SECTION YOU WANT TO MESS WITH....NOT TOO MUCH THOUGH ---------------------*/
.sf-menu {float: left; font-size:12px;}
.sf-menu li {background:#ffffff;}
.sf-menu li a {text-decoration:none;}
.sf-menu li a:visited {color:#666666;} /* IE6 requires this */
ul.lev1 {}
ul.lev1 li {padding-left:1px;}
ul.lev1 li.level1 {}
ul.lev1 li.level1 a.level1a {color:#333; display:block; height:26px; line-height:26x; float:left; font-size:26px; text-transform:uppercase; padding: 3px 28px 0 0px; background: url("/_static/images/www/Shared/bg_nav.jpg") no-repeat scroll right 7px transparent; margin-right: 30px;}
ul.lev1 li.level1 a.active {color: #dc8b8b; background-position: right -24px;}
ul.lev1 li.showSub a.level1a {background-position: right -22px; color: #DC8B8B;}
ul.lev1 li.level1 a.level1a .title {}
ul.lev1 li.level1 a.level1a .sf-sub-indicator {display:none;}
ul.lev2 {}
ul.lev2 li.level2 {background-color:#404040;}
ul.lev2 li.level2:first-child {border-top:solid 1px #fff;}
ul.lev2 li.level2 a.level2a {white-space:nowrap; line-height:20px; height:20px; text-indent:5px; color:#c0c0c0;}
ul.lev3 {}
ul.lev3 li.level3 {background-color:#707070; border-left:solid 1px #000; border-right:solid 1px #000;}
ul.lev3 li.level3:first-child {border-top:solid 1px #000;}
ul.lev3 li.level3:last-child {border-bottom:solid 1px #000;}
ul.lev3 li.level3 a.level3a {white-space:nowrap; line-height:16px; height:16px; font-size:11px; text-indent:5px; color:#fff;}
ul.lev4 {}
ul.lev4 li.level4 {}
ul.lev4 li.level4 a.level4a {}
/* --- 6.5.4. Shadows -----------------------------------------------------------------*/
/* --- IF USING SHADOWS BEHIND LEVEL 2 AND UP -----------------------------------------*/
.sf-shadow ul {
background-image: url('/_static/images/www/shared/shadow.png');
background-position:right bottom;
background-repeat:no-repeat;
padding:0 9px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
background: transparent;
}
/* --- 6.5.5. Arrows --------------------------------------------------------*/
/* --- IF USING ARROWS FOR SUBMENUS -----------------------------------------*/
.menuExpandArrow {display:none;}
.sf-menu a.sf-with-ul {min-width: 1px;} /* trigger IE7 hasLayout so spans position accurately */
.sf-sub-indicator {
position: absolute;
display: block;
right: .75em;
top: 4px; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('/_static/images/www/shared/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator { /* give all except IE6 the correct values */
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position: -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/* --- 6.6. BREADCRUMBS ---------------------------------------------------------------- */
/* Although technically not part of the header, it does show at the top of the page */
/* on a number of pages, this is why we declare its main styles here. */
#breadCrumbs {
font-size:11px;
clear:both;
overflow:hidden;
}
#breadCrumbs ul {
}
#breadCrumbs ul li {
display:block;
float:left;
color:#999999;
margin-right: 5px;
}
#breadCrumbs ul li a, #breadCrumbs ul li strong {
text-decoration:none;
color:#333333;
text-transform: lowercase;
padding-right: 9px;
background: url("/_static/images/www/Shared/bg_breadcrumb.jpg") no-repeat scroll right 1px transparent;
}
#breadCrumbs ul li strong {background: none;}
#breadCrumbs ul li a:hover {
text-decoration: underline;
}
#breadCrumbs ul li span {
margin: 0;
padding: 0;
border-bottom: none;
}
#breadCrumbs ul li span, #breadCrumbs ul li h1 a {
font-size:11px;
color:#333;
}
#breadCrumbs ul li span a:hover {
text-decoration: none;
}
#thankYouBreadCrumbs {
font-size: 11px;
margin: 4px 0 10px;
overflow: hidden;
color: #333333;
}
#thankYouBreadCrumbs a {
background: url("/_static/images/www/Shared/bg_breadcrumb.jpg") no-repeat scroll right 1px transparent;
color: #333333;
padding-right: 9px;
text-decoration: none;
text-transform: lowercase;
margin-right: 2px;
}
/* ==================================================================================================== */
/* 7. LEFT BLOCK */
/* ==================================================================================================== */
div#leftBlock h2 {
font-size:16px;
color:#909090;
margin-bottom:20px;
}
div#leftBlock h3 {
font-weight:normal;
color:#000;
font-size:14px;
margin-top:20px;
text-transform:uppercase;
}
div#leftBlock div#navMenu {
font-size:11px;
padding:0px 20px 10px 0px;
width: 200px;
}
#aboutUs-block, #shoppingCartBlock, #customerservice-block, #storeLocatorBlock, #calendarBlock, div#recently-viewed, div#checkoutBlock, div#galleryBlock div#contentBlock, #myAccountBlock {
/*margin-bottom: 20px;*/
}
div#leftBlock #navMenu h2, div#leftBlock #navMenu p, div#leftBlock #navMenu a {
color: #333333;
}
div#leftBlock #navMenu h2 {
padding-bottom: 7px;
margin: 35px 0px 5px 0px;
border-bottom: 1px solid #cacaca;
clear: both;
}
div#leftBlock div#navMenu ul {
overflow: hidden;
}
div#leftBlock div#navMenu li {
display:block;
margin:4px 0;
font-size:12px;
text-transform:uppercase;
}
div#leftBlock div#navMenu li.viewall {
text-transform:uppercase;
}
div#leftBlock div#navMenu li a {
display:block;
text-decoration:none;
padding:2px 0 2px 0px;
}
div#leftBlock div#navMenu li.selected {
}
div#leftBlock div#navMenu li.selected a {
font-weight:bold;
}
div#leftBlock div#navMenu li.leftNavLevel1 a {
}
div#leftBlock div#navMenu li.leftNavLevel2 a {
font-size:12px;
}
div#leftBlock div#navMenu li.leftNavLevel3 a, div#leftBlock div#navMenu li.leftNavLevel4 a {
background: url("/_static/images/www/Shared/bg_navCategory.gif") no-repeat scroll 4px 6px transparent;
color: #333333;
font-size: 11px;
padding-left: 18px;
text-transform: capitalize;
}
div#leftBlock div#navMenu li.leftNavLevel4 a {
margin-left: 18px;
}
div#leftBlock div#navMenu li.leftNavLevel3 a:hover, div#leftBlock div#navMenu li.leftNavLevel3 a.selected {/*background: url("/_static/images/www/Shared/bg_navCategory.gif") no-repeat scroll 0 6px transparent;*/}
div#leftBlock div#navMenu li select {
}
div#leftBlock div#recentlyViewed {
}
div#leftBlock div#recentlyViewed img {
}
div#leftBlock div#recentlyViewed ul {
margin:10px 0;
}
div#leftBlock div#recentlyViewed ul li {
text-align:center;
padding-bottom:15px;
}
div#leftBlock div#recentlyViewed ul li a {
}
div#leftBlock div#recentlyViewed ul li a.recentImage {
width:80px;
border:solid 1px #e0e0e0;
display:block;
margin:0 35px;
padding:5px;
}
div#leftBlock div#recentlyViewed ul li a.recentImage img {
width:80px;
}
div#leftBlock div#recentlyViewed ul li a.recentDesc {
}
/* ==================================================================================================== */
/* 8. FOOTER */
/* ==================================================================================================== */
div#footerBlock {
font-size:11px;
padding: 25px 0 30px;
min-width: 990px;
}
div#footerBlock div#enterEmail {
float:right;
font-family:"Trebuchet ms";
margin-bottom:20px;
}
div#footerBlock div#enterEmail fieldset {
float:left;
font-size:11px;
font-weight:bold;
line-height:20px;
}
div#social {
float: right;
padding: 1px 0 0;
}
div#social h2{
float:left;
margin: 7px 10px 0px 0px;
font-size: 14px;
font-weight: 400;
border: medium none;
}
div#social img{
margin-left: 4px;
}
div#footerBlock div#enterEmail label,
div#footerBlock div#enterEmail input {
margin-left:10px;
}
div#footerBlock div#enterEmail label {
font-size:16px;
width:auto !important;
letter-spacing:5px;
color:#909090;
}
div#enterEmail fieldset {
float:left;
display: inline;
font-size:11px;
line-height:20px;
}
div#footerBlock div#enterEmail input {
height:18px;
width:180px;
padding:0;
}
div#enterEmail input#btn-subscribe {
background: none repeat scroll 0 0 #DC8B8B;
color: #FEFEFE;
cursor: pointer;
font-size: 13px;
height: 28px;
margin-left: 10px;
padding: 0 11px;
text-transform: uppercase;
width: auto;
}
div#enterEmail input#email {
color: #999999;
font-size: 13px;
height: 15px;
text-transform: none;
width: 310px;
}
div#footerBlock div#enterEmail input#btn-subscribe {
border:solid 1px #000;
background:#303030;
color:#fff;
font-weight:bold;
height:20px;
padding:0;
width:auto !important;
padding-left:10px;
padding-right:10px;
}
div#footerBlock div.footer-section {
width:180px;
float:left;
border-left:solid 1px #c0c0c0;
padding-left:10px;
}
div#footerBlock div.footer-section:last-child {
border-right:0;
}
div#footerBlock div.footer-section strong {
display:none;
}
div#footerBlock ul {
}
div#footerBlock ul li a {
color:#cacaca;
text-decoration:none;
}
div#footerBlock ul li a:hover {
text-decoration:underline;
}
div#footerBlock div#copyright {
clear:both;
height:24px;
line-height:24px;
text-align:center;
background:#000;
color:#fff;
font-size:10px;
margin:25px 0 10px;
float:left;
width:100%;
}
/* ==================================================================================================== */
/* 9. ALERTBOXES */
/* ==================================================================================================== */
/* --- 9.1. FLYDOWN SHOPPING CART (NOT JQUERY) -------------------------------------------------------- */
div#shoppingBagWindow {
width:400px;
border:solid 1px #cacaca;
position:absolute;
z-index:10002;
left:0;
top:85px;
padding:10px;
margin-left:45px;
background: none repeat scroll 0 0 #fff;
}
div#shoppingBagWindow div#alertBoxContent {
}
div#shoppingBagWindow div#alertBoxCloseButton {
/*text-align:right;
float:right;*/
position: relative;
right: -5px;
top: -5px;
}
div#shoppingBagWindow h3 {
color:#606060;
float: left;
margin-top: 10px;
}
div#shoppingBagWindow div#alertBoxCloseButton button {
width:23px;
height:21px;
background-color: #fff;
border: 1px solid #fff;
float:right;
cursor:pointer;
font-weight:bold;
}
div#shoppingBagWindow #ShippingBagLineItems {
clear:both;
overflow-x:hidden;
margin-top: 10px;
}
div#shoppingBagWindow #ShippingBagLineItems table {
margin:5px 0;
}
div#shoppingBagWindow #ShippingBagLineItems table .scfd-qty {width:40px;}
div#shoppingBagWindow #ShippingBagLineItems table .scfd-id {width:65px; padding-right: 10px;}
div#shoppingBagWindow #ShippingBagLineItems table .scfd-desc {text-align:left;}
div#shoppingBagWindow #ShippingBagLineItems table .scfd-amt {width:70px; text-align:right !important;}
div#shoppingBagWindow #ShippingBagLineItems table tr.headTable, div#shoppingBagWindow #ShippingBagLineItems table tr.headTable td {
background-color:#fff;
color:#333;
font-weight:bold;
border:solid 0;
text-align:left;
border-bottom:solid 1px #d1d1d1;
}
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.total, div#shoppingBagWindow #ShippingBagLineItems table tr.total td {
background: none repeat scroll 0 0 #fff;
border-top:solid 1px #d1d1d1;
color: #333333;
font-weight: bold;
}
div#shoppingBagWindow #bagButtons {
overflow:hidden;
text-align:right;
clear:both;
float:left;
width:100%;
}
div#shoppingBagWindow #bagButtons a.standardButton {
float:right;
margin-left:10px;
margin-right: 0px;
margin-top: 10px;
}
div#shoppingBagWindow #bagButtons a.standardButton span {
text-transform:uppercase;
}
/* --- 9.2. FOR ALL JQUERY ALERTBOXES ----------------------------------------------------------------------------- */
.ui-dialog {
/* The width is dynamically assigned by JS according the width value of .alertboxSmall
(or any other class passed into showAlert script) setting a width in .ui-dialog get
overridden by showAlert() */
border:solid 1px #cacaca;
}
div.alertbox, div#alertbox {border:solid 0; height: auto !important; min-height: 80px !important;}
div.alertBoxContent, div#alertBoxContent h1 { border: 0; font-size: 16px; text-align: center; margin-top: 10px;}
div.alertBoxScroller, div#alertBoxScroller {}
div#alertbox #alertContent h1 {font-size: 18px; font-weight: normal; border: none;}
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.3. QUICKVIEW -------------------------------------------------------------------------------------- */
.alertboxQuickView {
width:620px;
}
/* FOR FURTHER STYLING, SEE 21_PRODUCT_QUICKVIEW.CSS */
/* --- 9.4. SMALL ALERT BOX -------------------------------------------------------------------------------- */
.alertboxSmall {
width: 250px;
}
/* --- 9.5. SEND TO A FRIEND -------------------------------------------------------------------------------- */
.sendtoFriend {
width:385px;
padding:0 !important;
}
.sendtoFriend fieldset {
width:185px;
margin-left:5px;
float:left;
overflow:hidden;
clear:none;
}
.sendtoFriend fieldset label {
width:185px;
font-weight:bold;
margin:0;
}
.sendtoFriend h3 {
margin:10px 0 0 5px;
clear:both;
float:left;
width:380px;
font-size:16px;
}
.sendtoFriend fieldset input {
width:181px;
}
.sendtoFriend div.sendtofriendColumn {
width:190px;
float:left;
}
.sendtoFriend div.sendtofriendColumn fieldset {
margin-bottom:5px;
}
.sendtoFriend fieldset.message {
width:380px;
}
.sendtoFriend fieldset.message label {
width:100px;
}
.sendtoFriend fieldset.message textarea {
width:272px;
height:70px;
}
.sendtoFriend fieldset.send-copy {
width:250px;
}
.sendtoFriend fieldset.send-copy input {
width:12px;
height:12px;
margin-right:3px;
}
.sendtoFriend fieldset.send-copy label {
text-transform:uppercase;
}
.sendtoFriend button { /* MAKE THIS AN IMAGE! CAN'T CHANGE TO A HREF (YET) */
width:100px;
margin-right:5px;
margin-bottom:10px;
background-image: url("/_static/images/www/Shared/stButtonRight.gif");
background-position: 100% 0;
background-repeat: no-repeat;
color: #303030;
cursor: pointer;
display: block;
float: right;
font-family: helvetica,arial;
font-size: 14px;
font-weight: bold;
height: 22px;
line-height: 22px;
text-decoration: none;
text-transform: uppercase;
border:solid 0;
border-left:solid 1px #c0c0c0;
}
/* This is the window that shows after you send to a friend. */
.productDetailsWindow {
width:300px;
height:50px !important;
}
/* --- 9.6. FIND IT IN STORE -------------------------------------------------------------------------------- */
/* --- 9.6.1. Search window --------------------------------------------------------*/
.findItInStoreWindow {
width:675px;
}
.findItInStoreWindow iframe#findItInStoreFrame {
height: 288px;
width: 665px;
border: 0 none;
overflow: hidden;
}
body.findItInStore {
background-image: none;
font-size:11px;
}
body.findItInStore a {
display:block;
font-weight:bold;
}
body.findItInStore div.findItInStore-content {
width: 325px;
height: 288px;
float: left;
overflow: hidden;
overflow-y: auto;
}
body.findItInStore div.findItInStore-content a.standardButton {
float:right;
margin-right:
}
/* --- 9.6.2. Results window --------------------------------------------------------*/
body.findItInStore div.findItInStore-content div.storeBlock {
overflow: hidden;
margin-bottom: 10px;
padding-bottom:10px;
border-bottom:dashed 1px #c0c0c0;
}
body.findItInStore div.findItInStore-content div.storeBlock div.storeNameAddress {
float: left;
width: 205px;
}
body.findItInStore div.findItInStore-content div.storeBlock div.storeUnitsAvailable {
float: left;
width: 50px;
text-align: center;
}
body.findItInStore div.findItInStore-content div.storeBlock div.storeInfo {
float: left;
width: 50px;
text-align: center;
}
/* --- 9.6.2. Single store --------------------------------------------------------*/
body.findItInStore div.map {
float: right;
width: 435px;
height: 286px;
border:solid 1px #c0c0c0;
}
body.findItInStore div#locatorInfo {
width: 200px;
overflow:hidden;
float:left;
}
body.findItInStore div#locatorInfo div#locatorAddress {
margin-bottom:10px;
}
body.findItInStore div#locatorInfo div#locatorHours {
}
/* --- 9.7. GIFT WRAP -------------------------------------------------------------------------------------- */
.giftWrapWindow {
width:385px;
}
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.8. RETURNS ALERT BOX -------------------------------------------------------------------------------- */
.alertboxReturns {
width: 400px;
}
/* --- 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.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.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 {
}
/* ==================================================================================================== */
/* 10. TABLE PROPERTIES */
/* ==================================================================================================== */
/* --- 10.1. GENERAL PROPERTIES FOR ALL TABLES --------------- */
table {
margin: 10px 0 10px 1px;
font-size:12px;
clear:both;
width:99%;
border-collapse:collapse;
}
table th {
border:0;
border-bottom:solid 1px #d1d1d1;
text-align:left;
color:#333;
height:24px;
line-height:24px;
text-transform:uppercase;
white-space:nowrap;
}
table td {
padding:10px 0;
text-align:left
}
table tr.even td {/*background:#e7e7e7;*/}
table tr.odd td {}
/* --- 10.2. LIST OF ORDERS --------------- */
/* --- 10.2.1. Generic items --------------- */
table.ordersList {}
table.ordersList .columnOrderNumber {width:100px;}
table.ordersList .columnOrderDate {width:100px;}
table.ordersList .columnOrderStatus {width:100px;} /* VARIABLE WIDTH! */
table.ordersList .columnOrderTotal {width:100px; white-space:nowrap;}
/* --- 10.2.2. My Account / Order History --------------- */
table#order-history .columnTracking {width:100px;}
/* --- 10.2.3. My Account / Past returns --------------- */
table#past-returns-orders {}
/* --- 10.3. LIST OF ITEMS --------------- */
/* --- 10.3.1. Generic items --------------- */
table.itemsList {font-size:12px;}
table.itemsList select {width:94px; margin:0; float:none;}
table.itemsList .columnItem {text-align:left;} /* VARIABLE WIDTH! */
table.itemsList .columnItem div.itemImage {float:left; margin-right:10px; border:solid 1px #cacaca; /*width:80px; padding:5px; margin:10px;*/ overflow:hidden; display:block;}
table.itemsList .columnItem div.itemImage a {display:block; overflow:hidden;}
table.itemsList .columnItem div.itemImage img {display: block; height: 72px; width: 50px;}
table.itemsList .columnItem div.itemID {font-weight:bold;}
table.itemsList .columnItem div.itemLink {display:block;}
table.itemsList .columnItem div.giftWrap {clear:both; float:left; margin-top:5px; height:20px;}
table.itemsList .columnItem div.giftWrap a {text-decoration:none; line-height:20px; font-weight:bold; color: #333;}
table.itemsList .columnItem div.giftWrap img {margin:6px 5px 0 0; float:left;}
table.itemsList .columnColor {width:110px; overflow:hidden;}
table.itemsList .columnItem {width: 160px; overflow:hidden;}
table.itemsList .columnDimension {width:120px; overflow:hidden;}
table.itemsList .columnSize {width:120px; overflow:hidden;}
table.itemsList .columnPrice {width:90px; white-space:nowrap;}
table.itemsList .columnQuantity {width:80px;}
table.itemsList td.columnQuantity input {width:40px; margin:0 5px;text-align:center;}
table.itemsList .columnTotal {width:60px; white-space:nowrap; font-weight:bold;}
table.itemsList tfoot td {
height:18px;
line-height:18px;
padding: 1px 5px;
font-weight:bold;
color:#333;
text-align: right;
}
table#orderConfirmation tfoot td {padding:5px;background:#fff;}
/* --- 10.3.2. Shopping cart --------------- */
table#shopping-cart, table#shoppingCart {font-size:12px;color:#000;}
table#shopping-cart .columnRemove, table#shoppingCart .columnRemove {width:60px; text-align:center;}
table#shopping-cart .columnRemove a, table#shoppingCart .columnRemove a {float:right;background: url("/_static/images/www/Shared/iconRemove.gif") repeat scroll 0 0 transparent;display: block;height: 27px;margin: 0;padding: 0;width: 27px;}
table#shopping-cart .columnRemove a span, table#shoppingCart .columnRemove a span {display:none;}
table#shopping-cart .columnAddToCart {width:75px; text-align:center;}
table#shopping-cart .columnAddToCart button {border:solid 1px #000; font-size:9px; width:65px; margin:0 5px;}
/* --- 10.3.3. Shopping cart crosssell --------------- */
table#shopping-cart-crosssell {}
table#shopping-cart-crosssell .columnAddToCart {width:85px; text-align:center;}
/* --- 10.3.4. My Account / Wish list --------------- */
table#wish-list .columnCheckbox {width:30px; padding:0px; border-right:0;}
table#wish-list .columnCheckbox fieldset {overflow:hidden; margin: 0 10px;}
table#wish-list .columnCheckbox input {width:13px;}
table#wish-list .columnItem {border-left:0; width: 200px;}
table#wish-list .columnColor {width: 110px;}
table#wish-list .columnSize {width: 110px;}
table#wish-list .columnDimension {width: 110px;}
table#wish-list .columnPrice {width:auto; font-weight:bold;}
table#wish-list .columnExtra {}
.wishlist-buttons .standardButton {margin-left:0;}
/* --- 10.3.4. My Account / Request a return --------------- */
table#request-return .columnReasonSelect {width:150px;}
table#request-return .columnReasonSelect select {width:140px;}
table#request-return .columnQuantity select {width:40px;}
/* --- 10.3.5. My Account / Past returns --------------- */
table#past-returns-items .columnReason {width:70px;}
table#past-returns-items .columnReturned {width:50px;}
table#past-returns-items .columnCredited {width:50px;}
/* --- 10.3.6. My Account / Order status --------------- */
table#order-status {}
/* --- 10.4. OTHER TABLES --------------- */
/* --- 10.4.1. My Account / Quick order --------------- */
table#quick-order {}
table#quick-order .columnNumber {width:70px;}
table#quick-order .columnImage {width:100px;}
table#quick-order .columnSKU {width:90px; padding:3px 10px;}
table#quick-order .columnSKU input {width:90px;}
table#quick-order .columnQty {width:40px; padding:3px 10px;}
table#quick-order .columnQty input {width:40px;}
table#quick-order .columnError {}
/* --- 10.5. ERROR LINES ETC. --------------- */
table td.errorRow {
color:#c00;
background:#e7e7e7;
font-weight:bold;
line-height:16px;
padding:0;
}
table td.errorRow .errorLine {
display:none;
padding:3px;
}
/* ==================================================================================================== */
/* 11. BANNERS */
/* ==================================================================================================== */
div.bannerPlaceHolder {
float: left;
margin-left: 0px;
margin-right: 10px;
padding: 0px;
height: 130px;
}
.bannerPlaceHolder:last-child {
margin-right: 0px;
}
/* ========================================================================= */
/* Banners defined below. */
/* Background banners mainly defined in other CSS files, as their presence */
/* or absence of them does not disrupt the flow of the page, and they are */
/* usually applied to elements that are already defined in other sections. */
/* ========================================================================= */
/* ID 133: BACKGROUND IMAGE --------------------------------------------------------- */
body.backGround133 {
background-position:50% 0;
background-repeat:repeat-y;
}
/* ID 115: STORE LOGO ------------------------------------------------------------ */
div#logo { /* general styles defined in 06_header.css */ }
/* ID 116: HOME PAGE MAIN BANNER ------------------------------------------------- */
div#storeMain {
overflow:hidden;
margin: 0 0 10px;
background-repeat:no-repeat;
padding: 0 20px;
}
/* ID 111: SEARCH PAGE TOP BANNER ------------------------------------------------ */
div#searchTopBanner, span#bphId_bannerSearchTop {
width: 710px;
min-height: 286px;
overflow:hidden;
display: block;
margin-top: 10px;
}
div#searchTopBanner img, span#bphId_bannerSearchTop img {
margin-bottom:10px;
}
/* For some reason, placeholder 111 is also applied in the landing page! */
div#landingBannerTop {
width:760px;
overflow:hidden;
margin-bottom:10px;
}
div#landingBannerTop img {
margin-bottom:10px;
}
/* ID 122: HEADER PROMOTION ------------------------------------------------------------ */
span#bphId_bannerHeaderPromotion {
width:960px;
float: left;
}
/* ID 123: FIND IT IN STORE POPUP ------------------------------------------------------------ */
div#findItInStoreBanner {
width:335px;
height:288px;
float:right;
}
/* ID 126: CLEARANCE LOGIN ------------------------------------------------------------ */
span#bphId_privateSale {
width:300px;
height:500px;
overflow:hidden;
background-color:#e7e7e7;
margin-right:10px;
float:left;
}
/* ID 132: HEADER PROMOTION KEYWORD ------------------------------------------------------------ */
span#bphId_bannerHeaderPromotionKeyword {
float:right;
width:302px;
height:72px;
}
span#bphId_bannerHeaderPromotionKeyword a img {
border:solid 1px #606060;
}
/* CAROUSEL ------------------------------------------------------------ */
/* Banner Style */
span.carousel, span.rotate {
overflow: hidden;
position: absolute;
}
span.carousel *, span.rotate * {
margin:0;
}
div.bannerCarousel, div.bannerRotate {
position: absolute;
float: left;
top: 0;
left: 0;
overflow:hidden;
}
div.bannerCarousel div.bannerMain, div.bannerCarousel div.bannerNext {
display:inline;
float:left;
}
.prevCarousel {
position: absolute;
display: block;
width: 36px;
cursor: pointer;
z-index: 1000;
outline: 0;
}
.nextCarousel {
display: block;
position: absolute;
width: 36px;
cursor: pointer;
z-index: 1001;
outline: 0;
margin-left: 914px !important;
}
.prevCarousel img,
.nextCarousel img {
width: 36px;
padding-top: 140px;
display: block;
height: auto !important;
}
#globalWrapperHome #wrapper #storeMain .bannerNavigationCar ul li {
display: block;
float: left;
}
#globalWrapperHome #wrapper #storeMain .bannerPlaceHolder {
height: 354px !important;
width: 950px !important;
}
#globalWrapperHome #wrapper #storeMain .bannerNavigationCar ul li.rotatorLeft, #globalWrapperHome #wrapper #storeMain .bannerNavigationCar ul li.rotatorRight {
display: none;
}
#globalWrapperHome #wrapper #storeMain .bannerNavigationCar {
bottom: 5px;
position: absolute;
right: 7px;
z-index: 1000;
}
.bannerNavigationCar ul li a span {
background-image: url("/_static/images/www/Shared/carousel_pill.png");
display: block;
height: 33px;
width: 33px;
}
.bannerNavigationCar ul li.selected a span {
background-image: url("/_static/images/www/Shared/carousel_pill_selected.png");
}
/* ==================================================================================================== */
/* 12. CONTENT PAGES AND OTHER SPECIFICS */
/* ==================================================================================================== */
/* --- 12.1. GENERAL STYLING --------------------------------------------------------- */
/* --- 12.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;
}
/* --- 12.3. STORE.CFM AND CATEGORY LANDING PAGES ----------------------------------- */
#storeMain { /* Home page main banner, see section 11 for styles */ }
#landingBlock {}
#categorypageContentBlocks {}
#categorypageContentBlocks .categorypageBlock {}
#categorypageContentBlocks .categorypageBlock .productImage {}
#categorypageContentBlocks .categorypageBlock .productDescription {}
#categorypageContentBlocks .categorypageBlock .productDescription .name {}
#categorypageContentBlocks .categorypageBlock .productDescription .description {}
#categorypageContentBlocks .categorypageBlock .productDescription .price {}
#categorypageContentBlocks .categorypageBlock .viewAllCategoryItems {}
#categorypageContentBlocks .categorypageBlock .viewAllCategoryItems a {}
#categorypageContentBlocks .categorypageBlock .viewAllCategoryItems a:hover {}
div#mainBanner div#categoryDescription {}
/* --- 12.4. SHOPPING CART PAGE ------------------------------------------------- */
div#shoppingCartBlock {
}
div#shoppingCartBlock h1 {
font-size: 26px;
}
div#shoppingCartBlock #quickAddBlock {
overflow:hidden;
float:left;
margin:10px 0;
}
div#shoppingCartBlock form#searchSKU fieldset {
clear:none !important;
float:left;
margin-right:20px;
margin-top:2px;
}
div#shoppingCartBlock form#searchSKU label {
text-align:right;
width:auto !important;
margin-right:10px;
font-weight:bold.;
}
div#shoppingCartBlock form#searchSKU input {
width:100px;
}
div#shoppingCartBlock form#searchSKU input#txtQuickAddQty {
width:30px;
}
div#shoppingCartBlock form#searchSKU a.standardButton {
float:left;
text-transform:uppercase;
margin-left: 0px;
margin-top: 0;
}
div#shoppingCartBlock #topButtons {
float:right;
}
table#shopping-cart {
margin: 0 0 0 1px;
}
div#shoppingCartBlock #topButtons a.printButton {
background: url("/_static/images/www/Shared/bg_printButton.gif") no-repeat scroll left 5px transparent;
color: #333333;
font-size: 11px;
font-weight: bold;
margin-right: 0;
padding-left: 18px;
padding-right: 0;
text-transform: capitalize;
margin: 0;
}
div#shoppingCartBlock .shopCartEmptyDiv {
display:block;
margin:20px 0;
padding:30px;
clear:both;
font-size:13px;
border:solid 1px #cacaca;
text-align:center;
}
#shoppingCartBlock h3 {
clear:both;
padding-top:10px;
}
#shoppingCartContents table#shopping-cart th, table#shoppingCart th{
padding-bottom:3px;
text-align:left;
font-size:12px;
color:#333;
background-color:#ffffff;
border-top:0;
border-right:0;
border-bottom: 1px solid #d1d1d1;
border-left:0;
}
#shoppingCartContents table#shopping-cart tr { border-bottom: 1px solid #cacaca;}
#shoppingCartContents table#shopping-cart tr th { border: none;}
#shoppingCartContents table#shopping-cart tr th, #shoppingCartContents table#shopping-cart tr td, table#shoppingCart tr th, table#shoppingCart tr td {color: #000; padding:0;text-align:left;}
#shoppingCartContents table#shopping-cart tr td, table#shoppingCart tr td {border:0; padding: 10px 0 7px;}
#shoppingCartContents table#shopping-cart tr.even, #shoppingCartContents table#shopping-cart tr.even td, table#shoppingCart tr.even, table#shoppingCart tr.even td {background:none; margin-top: 0px; border-bottom: 1px solid #CACACA;}
#shoppingCartContents table#shopping-cart tr td.errorRow, table#shoppingCart tr td.errorRow {border-bottom:0;}
#shoppingCartBlock div#shippingAndExtras {
overflow:hidden;
clear:both;
padding:0px;
float:right;
/*width:390px;*/width:auto;
margin:20px 0px 10px 0px;
}
#shoppingCartBlock div#shippingAndExtras label {
width:170px;
font-weight:bold;
text-align:right;
margin-right:0;
text-transform: uppercase;
text-align: left;
font-size: 12px;
color: #333;
padding-top: 1px;
}
#Coupons label {
padding-top: 3px !important;
}
#shoppingCartBlock div#shippingAndExtras #enterZip fieldset {margin-bottom:11px;}
#shoppingCartBlock div#shippingAndExtras #enterZip select {
font-size: 10px;
height: auto;
margin: 0;
padding: 3px 0 1px;
text-transform: uppercase;
width: 228px;
}
#shoppingCartBlock div#shippingAndExtras fieldset.delivery-details {
width:175px;
float:right;
}
#shoppingCartBlock div#shippingAndExtras div#shippingDateTime fieldset span.example {
font-weight: normal;
text-transform: none;
}
#shoppingCartBlock div#shippingAndExtras #narrow-instore-pickup {margin:5px 0; overflow:hidden; clear:both; float:left;}
#shoppingCartBlock div#shippingAndExtras #narrow-instore-pickup label {width:auto !important; margin-right:5px;}
#shoppingCartBlock div#shippingAndExtras #narrow-instore-pickup input#pickupPostalCode {width:43px; margin-right:5px;}
#shoppingCartBlock div#shippingAndExtras #narrow-instore-pickup select#pickupRadius {width:63px; margin-right:0;}
#shoppingCartBlock div#shippingAndExtras #narrow-instore-pickup a {margin-top:5px;}
#shoppingCartBlock div#shippingAndExtras #Coupons {overflow:visible; clear:both;float:left;}
#shoppingCartBlock div#shippingAndExtras #Coupons fieldset {float:left;margin-bottom: 0;}
#shoppingCartBlock div#shippingAndExtras #Coupons input {margin-right: 10px;padding:2px 2px 3px 2px;margin-bottom: 14px;margin-top: 3px;width:113px;}
#shoppingCartBlock div#shippingAndExtras #Coupons a {float:left;margin:0;background-color: #8d8d8d;}
#shoppingCartBlock div#shippingAndExtras .costList {width: 100%;overflow:visible; clear:both; height:18px; margin:0 0 3px 0; float:left;}
#shoppingCartBlock div#shippingAndExtras .costList div {height:18px; line-height:18px; float:left; font-size: 12px; color: #333; font-weight: bold;}
div#shoppingCartBlock div#shippingAndExtras div#total {
height:30px;
line-height:30px;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
text-align:center;
clear:both;
float:left;
width:100%;
text-align: left;
padding: 10px 0px 10px 0px;
margin-top: 3px;
color: #333;
}
div#shoppingCartBlock div#shippingAndExtras div#total span.totalPriceLabel {
float: left;
}
div#shoppingCartBlock div#shippingAndExtras div#total span#totalPrice {
float: right;
}
div#shoppingCartBlock div#verisign {
clear:both;
width:110px;
height:70px;
float:right;
text-align:right;
display: none;
}
div#shoppingCartBlock div#mcAfee {
height:30px;
margin-top:20px;
float:right;
text-align:right;
margin-left:10px;
background:#efefef;
display: none;
}
div#shoppingCartBlock div#buttons {
clear:both;
float: right;
overflow:hidden;
margin:10px 0;
/*width: 400px;*/width:auto;
}
div#buttons a {
margin: 0 0 0 10px;
}
div#shoppingCartBlock div#buttons a#checkoutB {
float: right;
background-color: #DC8B8B;
}
div#shoppingCartBlock div#buttons a#keepShopping {
float: right;
background-color: #8D8D8D !important;
margin-left: 0;
}
div#shoppingCartBlock div#buttons div#buttonProcessing {
float:right;
margin-left:10px;
background-color: #DC8B8B;
height:29px;
line-height:22px;
padding: 7px 0 0 8px;
width: 100px;
text-transform:uppercase;
font-size: 10px;
color: #fff;
}
div#shoppingCartBlock div#buttons div#buttonProcessing img {
margin:3px 0;
}
div#shoppingCartBlock div#buttons .paypalCheckout {
margin:10px 5px;
float:right;
clear:right;
cursor:pointer;
}
/* --- 12.5. IN THE MEDIA ------------------------------------------------- */
div#intheMedia {
}
div#intheMedia h1 {
padding-bottom:20px;
text-transform:capitalize;
}
div#intheMedia .mediaContent {
float:left;
width:300px;
margin-top:20px;
margin-right:27px;
}
div#intheMedia .mediaRight {
margin-right:0;
}
div#intheMedia .mediaDivider {
clear:both;
height:1px;
overflow:hidden;
border-bottom:solid 1px #e0e0e0;
}
div#intheMedia img.magazine {
width:105px;
height:140px;
margin-right:10px;
margin-bottom:5px;
float:left;
}
div#intheMedia div#itemImage {
min-height:150px;
height:auto !important;
height:150px;
float:left;
margin-bottom:5px;
}
div#intheMedia div#itemImage a.prodImage {
width:125px;
margin:0 0 5px 0;
display:block;
border:solid #e0e0e0 1px;
padding:5px;
}
div#intheMedia div#itemImage a.prodImage:hover {
border:solid 1px #a0a0a0;
}
div#intheMedia div#itemImage a {
font-weight:bold;
display:block;
margin-top:3px;
}
/* --- 12.6. MAIL-IN REBATES -------------------------------------------------------- */
div#rebatesBlock {}
div#rebatesBlock #tabs {
margin-top:20px;
}
div#rebatesBlock .ui-widget-content {
border:0;
padding:0;
}
div#rebatesBlock .ui-tabs .ui-tabs-nav {
padding:0;
}
div#rebatesBlock .ui-widget-header {
background:none;
border-bottom:solid 5px #d0d0d0;
}
div#rebatesBlock ul#tabbedNavTabList li {
height:28px;
margin-right:10px;
}
div#rebatesBlock ul#tabbedNavTabList li.ui-tabs-selected {
border:solid 1px #d0d0d0;
}
div#rebatesBlock ul#tabbedNavTabList li.ui-tabs-selected a {
border-bottom:solid 5px #fff;
}
div#rebatesBlock div.download-reader {
float:right;
height:30px;
line-height:34px;
font-size:11px;
font-weight:bold;
}
div#rebatesBlock td.empty {
border:solid 0;
font-size:12px;
font-weight:bold;
}
/* --- 12.7. CHECKOUT PROCESSING -------------------------------------------------------- */
div#processing {
position:absolute;
left:50%;
margin-left:-250px;
width:500px;
text-align:center;
top:150px;
font-size:1.3em;
border:solid 1px #000;
background:#fff;
padding:15px;
}
/* --- 12.8. Clearance login ------------------------------------------------- */
div#clearanceBlock {
}
div#clearanceBlock form {
overflow:hidden;
padding:20px 0;
}
div#clearanceBlock form fieldset {
float:left;
margin-right:5px;
}
div#clearanceBlock form fieldset input {
font-size:16px;
width:100px;
height:20px;
padding:3px;
}
div#clearanceBlock form .standardButton {
margin-top:2px;
}
/* --- 12.9. ADVANCED SEARCH -------------------------------------------------------- */
#advancedSearchBlock {
width:960px;
min-height: 300px;
height:auto !important;
height: 300px;
}
#advancedSearchBlock h3 {
clear:left;
margin-bottom:10px;
}
#advancedSearchBlock div#size-search {
width:450px;
float:left;
}
#advancedSearchBlock div#advanced-search {
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;
clear: left;
font-size:15px;
text-transform:uppercase;
}
/* --- 12.x. MODEL SEARCH -------------------------------------------------------- */
div#modelSearchResults {
}
div#modelSearchResults div.product {
width: 125px;
height: 220px;
float: left;
margin: 16px 33px 0 0;
}
div#modelSearchResults div.product a.prodImage {
width: 125px;
height: 179px;
}
div#modelSearchResults div.product a.prodImage img {
width: 125px;
height: 179px;
display: block;
overflow: hidden;
background-color: #eee;
}
div#modelSearchResults div.product div.description a {
color: #333333;
display: block;
font-size: 12px;
font-weight: bold;
margin-top: 12px;
text-align: center;
text-decoration: none;
}
/* --- 12.x. CONTACT US ---------------------------------------------------------------------- */
form#contactUSForm .mainButton {
clear:both;
}
form#contactUSForm .mainButton input {
background: none repeat scroll 0 0 #DC8B8B;
color: #FEFEFE;
font-size: 14px;
height: 30px;
padding: 5px 7px;
text-transform: uppercase;
margin-left: 150px;
}
div#contactUsSection {
width: 430px;
float: left;
}
div#contactUsSection textarea {
height: 160px;
width: 260px;
}
div#contactUsContent {
float: left;
margin-left: 20px;
width: 260px;
}
/* --- 12.11. SITEMAP ---------------------------------------------------------------- */
div#siteMapBlock {
margin-bottom: 20px;
}
div#siteMapBlock ul {
}
div#siteMapBlock ul.level1 {
float: left;
margin-top: 25px;
width: 100%;
}
div#siteMapBlock ul.level1 li {
}
div#siteMapBlock ul.level1 li a {
border-bottom: 1px solid #C0C0C0;
display: block;
font-size: 1.2em;
font-weight: bold;
text-decoration: none;
}
div#siteMapBlock ul.level2 li {
list-style-type: disc;
margin-top: 0;
}
div#siteMapBlock ul.level2 li a {
border: 0 none;
font-size: 1em;
font-weight: normal;
}
div#siteMapBlock ul.level3 {
padding-left: 20px;
}
div#siteMapBlock ul.level3 li a {
font-size: 0.9em;
}
/* --- 12.x. GIFT CARDS -------------------------------------------------------------- */
div#gift-card-block {
}
div#gift-card-block h1 {
margin-bottom: 12px;
}
div#gift-card-block p {
margin-top: 0;
}
div#cardSelect {
width: 960px;
float: left;
padding-bottom: 70px;
}
div#gift-card-block a.standardButton {
margin: 7px 5px 0 0;
float: right;
}
div#gift-card-block a.standardButton span {
font-size: 14px;
text-transform: uppercase;
}
div#gift-card-block h3 {
margin-bottom: 12px;
}
div.giftCardImage {
float: left;
margin: 20px 15px 0 0;
}
div#gift-card-block div#giftCardHome div.giftCardFormHome {
float: left;
width: 640px;
margin-top: 20px;
}
span#cardText {
margin: 12px 0;
float: left;
}
div#gift-card-block div#giftCardHome div.giftCardFormHome strong {
display: block;
}
div.halfBlock {
float: left;
width: 140px;
margin: 10px 0 0 20px;
}
div.halfBlock fieldset {
float: left;
width: 130px;
margin: 0;
}
div.halfBlock fieldset label {
width: 70px;
}
div.halfBlock fieldset select {
width: 50px;
}
/* ================================================================================= */
/* 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;*/
height: 24px;
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;*/
height: 20px;
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;*/
top: 13px;
}
.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 */
/* ================================================================================= */
/* --- 12.x. GIFT CARDS: ACTIVATE CARD / CHECK BALANCE -------------------------------------------------------------- */
div#gift-card-block .giftCardForm {
float: left;
width: 350px;
margin-top: 20px;
}
div#gift-card-block .giftCardForm div#captchaImage {
clear: both;
float: left;
}
div#gift-card-block .giftCardForm div#captchaText {
float: left;
margin: 12px 0;
clear: left;
}
div#gift-card-block .giftCardForm fieldset.capcha {
float: left;
width: 180px;
margin: 15px 0 0;
}
div#gift-card-block .giftCardForm div#cardButtons {
float: left;
margin-top: 15px;
}
div#gift-card-block .giftCardForm a.standardButton {
margin: 0 28px 20px 0;
}
div#gift-card-block .giftCardForm div#cardButtons a {
margin: 0 0 0 12px;
}
div#gift-card-block .giftCardForm div#balanceDisplayed {
text-align: right;
width: 350px;
margin-top: 20px;
font-size: 1.1em;
float: left;
}
div#gift-card-block .giftCardForm div#balanceDisplayed .balance {
font-weight: bold;
}
/* --- 12.x. MEMBERSHIP CARDS ------------------------------------------------------- */
div#membership-card-block {
width:100%;
}
/* --- 12.x. NEWS + VIDEO ---------------------------------------------------------------- */
div#newsBlock {
padding-left: 20px;
}
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;}
/* --- 12.x. CYBERCARDS ---------------------------------------------------------------- */
div#cyberCardIntroText {
margin:10px 0;
}
ul.cyberCardList li {
width:150px;
display:block;
float:left;
border:solid 1px #c0c0c0;
margin-right:10px;
}
ul.cyberCardList li a {
width:150px;
display:block;
}
img.smallCyberCard {
width:150px;
}
img.largeCard {
border: solid 1px #c0c0c0;
margin: 0 20px 20px 0;
clear: left;
float: left;
}
form#cyberResult {
}
div#cyber-form-element {
float: left;
}
div.cyber-form-buttons {
float: right;
clear: left;
margin-top: 15px;
}
form#cyberResult span.standardButton,
div.cyber-form-buttons span.standardButton {
margin-left: 10px;
}
div#cyber-preview {
float: left;
position: relative;
}
div#mail-contents {
font-size: 12px;
position: absolute;
top: 0;
left: 0;
padding: 10px;
width: 410px;
height: 295px;
}
div#mail-contents div {
margin-bottom: 12px;
}
/* --- 12.x. SITEMAP ---------------------------------------------------------------- */
div#siteMapBlock {
margin-bottom:20px;
padding-left: 20px;
}
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;
padding-bottom: 5px;
}
div#siteMapBlock ul.level2 li {
font-size: 12px;
margin: 8px 0 4px;
text-transform: uppercase;
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;
}
/* --- 12.x. STORE LOCATOR ------------------------------------------------------------------- */
div#storeLocatorBlock {
}
div#storeLocatorBlock h2 {
padding-bottom:20px;
}
div#storeLocatorBlock h3 {
clear:left;
}
div#storeLocatorBlock span.or {
font-weight:bold;
text-transform:uppercase;
}
div#storeLocatorBlock fieldset.selectCountry {
padding-bottom:20px;
}
div#storeLocatorBlock input.midField {
width: 80px;
margin-right: 5px;
}
div#storeLocatorBlock select.midField {
width: 84px;
}
div#storeLocatorBlock .mainButton {
clear:both;
}
div#storeLocatorBlock button.searchAgain {
float:right;
margin-top:0;
}
div#locatorWrapper {
float: left;
margin-bottom: 40px;
width: 520px;
}
div#locatorWrapper fieldset label {
width: 145px;
}
div#storeLocatorSearchResults {
clear: left;
margin-top: 20px;
}
div#storeLocatorSearchResults #store-list a, #locatorWrapper a{
clear: left;
}
div#storeLocatorSearchResults div#google-map {
width: 335px;
float: left;
margin-right: 40px;
border: 1px solid #ccc;
}
div#storeLocatorSearchResults div#store-list {
width: auto;
float: left;
}
div#storeLocatorBlock div.storeBlock {
float: left;
margin: 0 50px 30px 0;
width: auto;
}
div#storeLocatorBlock div.storeBlock p strong {
font-size: 11px;
}
div#storeLocatorBlock div#noZipCode_Province_Error {
clear:left;
}
/* --- 12.x. 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;
}
/* --- 12.x. 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;
}
/* --- 12.x. NEWSLETTER SIGNUP ------------------------------------------------- */
div#newsletterBlock .mainButton {
clear:both;
}
textarea.newsletterUnsubscribe {
width:590px;
height:50px;
background:#efefef;
margin-bottom:10px;
float:none;
}
#enterEmail {
float: left;
}
#social {
float: right;
}
/* Newsletter confirmation */
div#newsletter-subscription-block {
width:100%;
margin-left: 20px;
}
div#newsletter-subscription-block h1 {
}
/* --- 12.x. CALENDAR ------------------------------------------------- */
div#calendarBlock {
width:100%;
}
div#calendarBlock h2 {
margin-bottom:14px;
}
div#calendarBlock fieldset label {
width:auto;
}
div#calendarBlock fieldset select {
width:auto;
margin-left: 10px;
}
div#calendarBlock fieldset select option {
padding-right:10px;
}
table#calendar td.empty {
background: none repeat scroll 0 0 #F1F1F1;
}
table#calendar td {
font-size:12px;
font-weight:bold;
color:#ba5d5d;
width:14%;
padding:0 0 3px 0;
text-align:left;
border: 1px solid #CACACA;
}
table#calendar td.pastDay {
color:#666;
}
table#calendar td.columnRight {
text-align:center;
}
table#calendar td .dayNumber {
border-right:solid 1px #a0a0a0;
border-bottom:solid 1px #a0a0a0;
width:20px;
height:20px;
float:left;
line-height:20px;
text-align:center;
background:#fff;
margin-bottom:20px;
}
table#calendar td.pastDay .dayNumber {
border-right:solid 1px #c0c0c0;
border-bottom:solid 1px #c0c0c0;
background:#fff;
}
table#calendar td .events {
float:left;
margin-left:5px;
font-size:9px;
font-weight:normal;
}
table#calendar td .events a {
font-weight:normal;
text-decoration:none;
display:block;
}
table#calendar td.pastDay .events a {
color:#666;
}
div#calendarDetailsBlock {
width:100%;
}
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 ul li p {
margin:0 0 10px 0;
}
div#calendarDetailsBlock a.backToCalendar {
font-weight:bold;
font-size:1.1em;
margin-bottom:20px;
float:left;
}
/* --- 12.x. 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;
}
/* --- 12.x. Testimonials ------------------------------------------------- */
div#testimonialsBlock {
width:100%;
}
div#testimonialsBlock h3 {
margin:10px 0 0 0;
float: left;
clear: left;
width: 100%;
}
div#testimonialsBlock .testimonial {
margin:0 0 10px 30px;
float: left;
clear: left;
width: 100%:
}
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;
width: 322px;
}
div#testimonialsBlock form a.standardButton {
float: right;
}
/* ==================================================================================================== */
/* 13. CONTENT BLOCKS OVERRIDES */
/* ==================================================================================================== */
body.content-page {}
body.content-page #leftBlock {}
body.content-page #leftBlock p {
font-size:11px;
}
.cms-content {
}
.cms-content table {
width:auto;
}
.cms-content table td {
}
.cms-content ul, .cms-content ol {
margin:15px;
}
.cms-content ul, .cms-content ul li {
list-style-type:disc;
list-style-position:inside;
}
.cms-content ol, .cms-content ol li {
list-style-type:decimal;
list-style-position:inside;
}
/* ==================================================================================================== */
/* 14. jQuery UI OVERRIDES */
/* ==================================================================================================== */
.ui-widget-header {
background-color: #fff;
}
/* NOT SURE WHERE THIS COMES FROM - RELATED TO MYR-1599 */
/* ***** Type Ahead ***** */
#matching {
display: none;
position: absolute;
right: 50;
top: 55px;
width: 347px;
background-color: #ffffff;
border: 2px solid #8a8a8a;
color: #333333;
z-index: 1;
line-height: 22px;
vertical-align: center;
padding: 8px 0px;
margin-left:-271px;
}
#matching li {
padding: 0px 5px 0px 10px;
font-weight: bold;
cursor: pointer;
}
#matching li:hover {
background: #e0eaf3;
}
#matching li span.typeaheadhl {
font-weight: normal;
}
/*------------ Wishlist Print Version ------------*/
body.printWishList h2 {
margin: 10px 20px;;
}
body.printWishList div.contents {
padding: 0 20px 10px;
}
body.printWishList fieldset.checkBox {
display: none;
}
body.printWishList div.contents div {
float: left;
margin: 35px 20px 0 0;
font-size: 12px;
color: #333;
text-align: center;
width: 50px;
}
body.printWishList div.contents div.itemImage {
margin: 0 20px 0 0;
clear: left;
width: 90px;
}
body.printWishList div.contents div.itemID {
width: 160px;
text-align: left;
}
body.printWishList div.contents div.header {
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
body.printWishList div.contents div.product {
width: 270px;
text-align: left;
}
.order-details-address {
border: 1px solid #CACACA;
float: left;
margin: 5px 40px 20px 0;
padding: 10px;
position: relative;
width: 313px;
}
.order-details-address:last {
margin-right: 0;
}
div#itemsList {clear: left;}
#errorBlock a {margin-left: 0;}
#textBlock a {margin-left: 0;}
.cms-content img {margin-bottom: 20px;}
form#frmExcelUpload input {margin-top: 4px;}
form#frmExcelUpload a {margin-left: 50px; margin-top: 0;}
div.landingContent {width: 950px; margin-top: 20px; position: relative;}
a#checkoutBTN {color: #FFFFFF !important; margin: -1px 0 0 10px; padding: 1px 6px; background-color: #DC8B8B;}
div#storelocatorIMG {float: right;}
div.preload {display: none;}
div.buttons {float: right; margin-top: -50px; position: relative; width: 328px;}
div#contentBlock div#customerservice-block {padding-left: 20px;}
div#contentBlock div.myAccount div.account-section {width: 100% !important;}
a.actionButton {background-color: #DC8B8B !important; margin-right:0 !important;}
div#product-order-form div#social {float: left;}
div#socialLeft {float: left !important; width: 250px !important;}
div#socialLeft ul li{width: auto; *width: 90px; float: left;}
a.actionButton {background-color: #DC8B8B !important;}
div#aboutUs-block {padding-left: 20px;}
table.sizes td {text-align: center;}
div#errorBlock {padding-left: 20px;}
div.padder {padding-left: 20px;}
span.staticLength {font-size: 14px; color: #333333; font-weight: bold;}
li.colors {width: 90px; float: left;}
li.sizes {background-color: #8d8d8d; float: left; margin: 3px !important; padding: 1px 5px; width: auto; }
li.sizes a {color: #fefefe !important;}
div#lineItem_qty_0 {height: 32px !important;}
fieldset.selectQty label {margin-top:6px !important}
div#siteMapBlock a {color: #333;}
div#siteMapBlock h3 a {color: #666;}
div#siteMapBlock a:hover {text-decoration: none;}
div#siteMapBlock ul li.level2, div#otherCategories li {font-size: 11px; text-transform: uppercase; margin: 5px 0 4px 0;}
div#siteMapBlock ul li.level3 a {font-size: 11px; text-transform: capitalize; background: url("/_static/images/www/Shared/bg_navCategory.gif") no-repeat scroll 4px 4px transparent; padding-left: 14px;}
div#siteMapBlock ul li.level4 a {font-size: 11px; text-transform: capitalize; background: url("/_static/images/www/Shared/bg_navCategory.gif") no-repeat scroll 4px 4px transparent; padding-left: 14px; margin-left: 12px;}
div.footerSection {float: left; width: 220px; margin-top: 10px; margin-right: 10px;}
div#otherCategories { position: relative; float: left; padding-bottom: 20px; margin-bottom: 10px; border-bottom: 1px solid #CACACA;}
div#fb, div#tw {float: left;}
div#fb {margin-right: 4px; overflow: hidden; width: 45px;}
span.strike { border-top: 1px solid #666; display: block; position: absolute; top: 5px; width: 100%; }
#ourPriceLabel {float: left;}
#ItemPriceValueID #productPrice { position: relative; float: left; }
#ItemPriceValueID #productPrice .strike { border-top: 2px solid #666666; display: block; position: absolute; margin-top: 8px; top: 0 !important; *top: 5px !important; width: 100%; }
#ItemPriceValueID #priceSale { color: #CC0000 }
#newsHeadingBlock { padding-left: 20px; }
/* 15. SUPPORT FIXES */
img[src*="http://tracker.marinsm.com"] {
display: none;
}
#tracker {
display:none;
}
ul.bullets li {
list-style: outside;
margin-left: 2em;
}
/*>>>>>>>>>> products.css <<<<<<<<<<*/
/*
1. SEARCH RESULTS
1.1. General styles
1.2. Find It Fast
1.3. Pagination
1.4. Filters navigation
1.5. Compare button
1.6. Block for each individual product
2. QUICKVIEW POPUP
3. PRODUCT DETAILS PAGE
3.1. Breadcrumbs and previous/next navigation
3.2. Runway
3.3. Product details
3.3.1. Product images
3.3.2. Product description
3.3.3. Product order form
3.4. Crosssell items
3.5. Recently viewed
4. MODELS / OUTFITS
*/
/* ==================================================================================================== */
/* 1. SEARCH RESULTS */
/* ==================================================================================================== */
/* --- 1.1. GENERAL STYLES ------------------------------------------------- */
div#searchResultsBlock {
padding-left: 20px !important;
}
div#searchResultsBlock div.resultsNotFound {
clear:both;
font-weight:bold;
}
div#searchResultsBlock div#searchResultsProducts {
margin-top: 10px;
}
div#searchResultsBlock div#searchResultsProducts form#compareForm {
float: left;
margin-top: 10px;
width: 710px;
}
div#searchResultsBlock div#searchResultsProducts .errorMessage {
border:0;
}
div#searchResultsBlock div#searchResultsProducts .errorMessage h4 {
clear: left;
}
img#q_dummy {
margin:5px;
}
h2.searchTitle {display:none;}
#searchIntroText {display:none;}
/* --- 1.2. FIND IT FAST ------------------------------------------------- */
div#find-it-fast {
overflow:hidden;
clear:both;
margin-bottom:10px;
border-bottom:solid 1px #c0c0c0;
}
div#find-it-fast div#fif-top {
height:40px;
line-height:40px;
padding:0 8px;
overflow:hidden;
}
div#find-it-fast div#fif-top #fif-title {
color:#777777;
float:left;
font-size:28px;
height:40px;
line-height:40px;
text-transform:uppercase;
font-family:"Trebuchet MS";
letter-spacing:3px;
}
div#find-it-fast div#fif-top #fif-text {
font-family:helvetica,arial;
float:left;
color:#333;
font-size:12px;
padding:6px 0 0 15px;
}
div#find-it-fast div#fif-top #fif-find {
float:left;
height:24px;
line-height:24px;
color:#333;
font-family:"Trebuchet MS";
font-size:20px;
padding:0 15px 0 35px;
display:block;
border:solid 1px #bbb;
text-decoration:none;
text-transform:uppercase;
margin:9px 15px 5px 30px;
background-image:url('/static/images/www/shared/btn-fif-search.gif');
}
div#find-it-fast div#fif-top #fif-clear {
float:left;
height:24px;
line-height:24px;
color:#333;
font-family:"Trebuchet MS";
font-size:13px;
padding:0 5px;
display:block;
border:solid 1px #bbb;
text-decoration:none;
text-transform:uppercase;
margin:9px 15px 5px 0;
background-image:url('/static/images/www/shared/btn-fif-search.gif');
background-position:right 0;
}
div#find-it-fast .selectBlock {
width:135px;
height:135px;
overflow:hidden;
margin:5px 3px 12px 9px;
float:left;
display:inline;
}
div#find-it-fast h5 {
margin:0;
font-size:12px;
height:17px;
text-transform:capitalize;
}
div#find-it-fast div.selectGroupBox {
border:solid 1px #cccccc;
height:116px;
width:133px;
overflow-x:hidden;
overflow-y:auto;
margin:0;
background:#fff;
font-size:11px;
}
div#find-it-fast div.selectGroupBox ul {
margin-left:10px !important;
}
div#find-it-fast div.selectGroupBox li {
height:18px;
overflow:hidden;
}
div#find-it-fast div.selectGroupBox li a {
padding-left:20px;
color:#999;
height:18px;
line-height:18px;
display:block;
white-space:nowrap;
text-decoration: none;
}
div#find-it-fast div.selectGroupBox li a span {
display:block;
float:left;
width:45px;
text-align:right;
}
div#find-it-fast div.selectGroupBox li a span.firstPrice {
}
div#find-it-fast div.selectGroupBox li a span.dashPrice {
width:15px;
text-align:center;
}
div#find-it-fast div.selectGroupBox li a span.lastPrice {
}
div#find-it-fast .activeLink a {
background-image:url('/static/images/www/shared/leftCheckOff.gif');
background-repeat:no-repeat;
background-position:0 0;
}
div#find-it-fast .inactiveLink a {
color:#b0b0b0 !important;
cursor:default;
}
div#find-it-fast .selectedLink a {
background-image:url('/static/images/www/shared/leftCheckOn.gif');
background-repeat:no-repeat;
background-position:0 0;
}
div#find-it-fast .colorAvailable {
border:solid 1px #999;
width:20px;
height:20px;
overflow:hidden;
display:block;
float:left;
margin:6px 2px 2px 6px;
background:#e0e0e0;
cursor:pointer;
}
div#find-it-fast .colorUnavailable {
display:none;
}
div#find-it-fast .colorSelected {
border:solid 2px #000;
width:20px;
height:20px;
overflow:hidden;
display:block;
float:left;
margin:5px 1px 1px 5px;
background:#8D8D8D;
cursor:pointer;
}
div#find-it-fast div#zoomHolder {
margin-left:10px;
}
div#find-it-fast .shopByPrice {
width:175px;
height:80px;
}
div#find-it-fast div.slider {
width:160px;
margin:10px 0;
background-image:url('/static/images/www/shared/bgSlider.gif');
height:14px;
position: relative;
}
div#find-it-fast div.slider div.handle {
width:14px;
height:14px;
background-color:#f00;
cursor:move;
background-image:url('/static/images/www/shared/btnSlider.gif');
position: absolute;
}
div#find-it-fast div#zoom_element {
width:50px;
height:50px;
background:#2d86bd;
position:relative;
}
div#find-it-fast div.leftPrice {
width:50px;
float:left;
margin-left:10px;
display:inline;
}
div#find-it-fast div.rightPrice {
width:50px;
float:right;
text-align:right;
}
div#find-it-fast div.priceInd {
display:inline;
}
/* --- 1.3. PAGINATION ------------------------------------------------- */
div.pagination {
font-size:11px;
height: 15px;
line-height:20px;
float:right;
overflow:hidden;
clear: none;
}
div.pagination ul {
display:block;
overflow:hidden;
}
div.pagination ul li {
display:block;
float:left;
margin:0 0 0 5px;
}
div.pagination ul li a {
text-decoration:none;
color: #333333;
}
div.pagination ul li.thisPage {
color:#000;
font-weight:bold;
color: #333333;
}
div.pagination ul li.arrows {
margin:0 5px 0 10px;
}
div.number-results-found {
float: left;
width: 100%;
}
/* --- 1.4. FILTERS NAVIGATION ---------------------------------------------- */
div#filtersNav {
float: left;
width: auto;
clear: left;
}
div#filtersNav form {
overflow: hidden;
}
div#filtersNav div.filterByTitle {
font-weight:bold;
text-transform:capitalize;
font-size:11px;
color:#000;
margin-bottom:5px;
}
div#filtersNav fieldset {
float:left;
clear:none;
margin-right: 10px;
margin-bottom: 10px;
}
div#filtersNav label {
float: left;
font-weight: bold;
height: 20px;
line-height: 20px;
margin: 2px 10px 0 0;
text-align: left;
text-transform: uppercase;
width: auto;
}
div#filtersNav select {
color: #333333;
float: left;
margin: 2px 10px 2px 0;
position: relative;
text-transform: uppercase;
width: 140px;
}
div#filtersNav select option {
padding-left:3px;
}
div#filtersNav a {
margin-top: 0;
margin-left: 0;
background-color: #8D8D8D;
}
/* --- 1.5. COMPARE BUTTON ---------------------------------------------- */
a#btSubmitCompareProducts {
float:right;
text-transform:uppercase;
margin: 0;
}
/* --- 1.6. BLOCK FOR EACH INDIVIDUAL PRODUCT -------------------------------- */
div#searchResultsBlock div.product-row {
width:100%;
clear:both;
overflow:hidden;
border-bottom:dotted 1px #909090;
margin:0 0 20px 0;
padding-bottom:20px;
float:left;
}
div#searchResultsBlock div.product-row:last-child {
border-bottom:solid 3px #e0e0e0;
}
div#searchResultsBlock div.product {
width:235px;
margin-right:0;
float:left;
border-top: none;
border-right: 1px solid #cacaca;
border-bottom: 1px solid #cacaca;
position: relative;
height: 350px;
overflow: hidden;
}
#searchResultsBlock .column3, #searchResultsBlock .column6, #searchResultsBlock .column9, #searchResultsBlock .column12, #searchResultsBlock .column15, #searchResultsBlock .column18, #searchResultsBlock .column21, #searchResultsBlock .column24, #searchResultsBlock .column27, #searchResultsBlock .column30, #searchResultsBlock .column33, #searchResultsBlock .column36, #searchResultsBlock .column39, #searchResultsBlock .column42, #searchResultsBlock .column45,, #searchResultsBlock .column48, #searchResultsBlock .column51, #searchResultsBlock .column54, #searchResultsBlock .column57, #searchResultsBlock .column60, #searchResultsBlock .column63, #searchResultsBlock .column66, #searchResultsBlock .column69, #searchResultsBlock .column72, #searchResultsBlock .column75, #searchResultsBlock .column78, #searchResultsBlock .column81, #searchResultsBlock .column84, #searchResultsBlock .column87, #searchResultsBlock .column90, #searchResultsBlock .column93, #searchResultsBlock .column96 {
border-right: none;
}
div#searchResultsBlock div.column1, div#searchResultsBlock div.column2, div#searchResultsBlock div.column3 {
border-top: 1px solid #cacaca;
}
div#searchResultsBlock div.rightProduct {
margin-right:0;
}
div#searchResultsBlock div.product div.quickViewButton {
width:120px;
height:30px;
margin: -165px 0 85px 58px; /* make sure that difference between (negative) top margin and bottom margin equals height of the button */
position:relative;
z-index: 1;
display:none;
}
div#searchResultsBlock div.product div.product-image {
overflow:hidden;
margin-bottom:10px;
height:273px;
z-index: 1;
}
div#searchResultsBlock div.product div.product-image a.prodImage {
width:188px;
height:273px;
display:block;
overflow:hidden;
color:#333;
text-transform: uppercase;
text-align:center;
margin: 0 auto;
}
div#searchResultsBlock div.product div.product-image a.prodImage img {
margin: 0 auto;
display: block;
}
div#searchResultsBlock div.product div.product-image-hover a.prodImage,
div#searchResultsBlock div.product a.prodImage:hover {
/*border:solid 1px #cacaca;
background-color: #666;
opacity: 0.1;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);*/
}
div#searchResultsBlock div.product div.product-details {
color:#606060;
overflow:hidden;
font-family:helvetica,arial;
height:auto !important;
height:115px;
text-align: center;
z-index: 1;
position: relative;
}
div#searchResultsBlock div.product div.product-details a {
text-decoration:none;
color: #333;
}
div#searchResultsBlock div.product div.product-details h2 {
font-size:12px;
}
div#searchResultsBlock div.product div.product-details h4 {
font-size:14px;
margin-top:5px;
color: #DC8B8B;
font-family: arial;
}
div#searchResultsBlock div.product div.product-details strong {
color: #333;
}
div#searchResultsBlock div.product div.product-details strong span.sale{
color: #CC0000;
}
div#searchResultsBlock div.product div.product-details h4 .onsale {
color:#c00;
font-size:12px;
}
div#searchResultsBlock div.product div.screen {
background-color: #333333;
width: 100%;
height: 100%;
left: 0;
opacity: 0.1;
filter:alpha(opacity=10);
position: absolute;
top: 0;
z-index: 0;
display: none;
}
div#searchResultsBlock div.product div.compareItem {
clear:both;
float:left;
margin: 0 0 0 15px;
z-index: 1;
position: relative;
}
div#searchResultsBlock div.product div.compareItem fieldset{
margin-bottom: 10px;
}
div#searchResultsBlock div.product div.product-details div.compareItem fieldset {
margin:0;
}
div#searchResultsBlock .ui-widget-content {
border: 0 none;
padding: 0;
}
div#searchResultsBlock .ui-widget-header {
background-image: none;
background-color: transparent;
border-bottom: 1px solid #e0e0e0;
}
div#searchResultsBlock .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
border-color: #e0e0e0;
}
/* ==================================================================================================== */
/* 2. QUICKVIEW POPUP */
/* ==================================================================================================== */
div.alertboxQuickView div#quickview-image {
float: left;
width: 250x;
margin: 0 30px 0 10px;
overflow: hidden;
width:250px;
border:solid 1px #cacaca;
background:#fff;
}
div.alertboxQuickView div#quickview-image img.productImage {
width:250px;
background:#fff;
float:left;
}
div.alertboxQuickView div#quickview-image div#flagImage {
width:60px;
height:15px;
margin-top:-313px;
}
div.quickViewInfo {
overflow:hidden;
padding-right: 10px;
}
div.quickViewInfo h2 {
font-size:36px;
padding-bottom:5px;
color: #333;
font-weight: normal;
}
div.quickViewInfo div#ItemPriceValueID {
font-size:20px;
line-height:30px;
float:left;
color:#333;
margin-bottom: 10px;
margin-top: 4px;
overflow: hidden;
width: 100%;
}
div#quickViewScrollBlock {
clear: both;
overflow-x: hidden;
border-bottom: 1px solid #CACACA;
padding: 0 0 10px;
}
div#quickViewScrollBlock p {
width:100%; /* necessary for IE7! */
}
div.quickViewInfo .quickViewTitle {
font-weight:bold;
clear:both;
float:left;
width: 100%;
}
div.quickViewInfo p {
clear:both;
float:left;
margin:0 0 10px 0;
}
div.quickViewInfo li {
list-style-type:disc;
list-style-position:inside;
clear:both;
float:left;
margin-left:15px;
width:280px; /* This is because the content is not always well-formatted, missing ULs for example. */
}
div.quickViewInfo a#viewDetails {
float:right;
margin: 0 0 10px;
outline:none;
text-transform:uppercase;
}
div#quickViewOrderform {
overflow:hidden;
clear:both;
margin-top: 20px;
margin-bottom: 10px;
}
div#quickViewOrderform div#lineItemsHolder {
float:left;
margin: 0 0 10px;
overflow:hidden;
width: 100%;
border-bottom: 1px solid #CACACA;
padding-bottom: 10px;
}
div#quickViewOrderform div#lineItemsHolder fieldset {
float: left;
margin-bottom: 15px;
width: 100% !important;
clear: none;
}
div#quickViewOrderform div#lineItemsHolder label {
display:block;
font-weight: bold;
float:left;
clear:left;
margin:0;
width: 80px;
margin-right:5px;
text-transform:uppercase;
font-size:12px;
}
div#lineItemsHolder select {
clear: left;
}
div#quickViewOrderform div#lineItemsHolder input, div#quickViewOrderform div#lineItemsHolder select {
clear: none;
width: 150px;
}
div#quickViewOrderform div#lineItemsHolder fieldset.selectSize div#singleSize {
float:left;
}
div#quickViewOrderform div#lineItemsHolder fieldset.selectQty {
margin-bottom:10px;
}
div#quickViewOrderform div#lineItemsHolder fieldset.selectQty label{
margin-top: 0 !important;
}
div#quickViewOrderform div#lineItemsHolder fieldset.selectQty input,
div#quickViewOrderform div#lineItemsHolder fieldset.selectQty select {
background-color: #FFFFFF;
border: 1px solid #9B9B9B;
color: #E09F9F;
margin-top: -4px;
padding: 4px;
text-align: center;
width: 21px;
}
#selectQty input {
clear: left;
}
div#quickViewOrderform div#lineItemsHolder #singleColor {
float: left;
height: 20px;
width: auto;
}
div#quickViewOrderform div#QuickViewAddcartButton {
float:right;
}
div#quickViewOrderform div#QuickViewAddcartButton a {
margin: 0;
background-color: #DC8B8B;
}
div#quickViewOrderform div#quickViewSocial {
float: left;
}
div#quickViewOrderform div#quickViewSocial a{
background-color: #fff;
color: #DC8B8B;
padding: 0;
}
div#quickViewOrderform div#quickViewSocial a span{
text-transform: capitalize;
}
/* ==================================================================================================== */
/* 3. PRODUCT DETAILS PAGE */
/* ==================================================================================================== */
div#productBlock {
padding: 0 !important;
}
/* --- 3.1. BREADCRUMBS AND PREVIOUS/NEXT NAVIGATION ------------------------------------------------- */
/* FOR STANDARD STYLING OF BREADCRUMBS, SEE STYLES.CSS. */
div#productBlock div.productsNav {
clear:both;
overflow:hidden;
height:20px;
margin-bottom:40px;
}
div#productBlock div.productsNav a {
display:block;
font-weight:bold;
text-decoration:none;
height:20px;
line-height:20px;
text-transform:uppercase;
}
div#productBlock div.productsNav .previous {
float:left;
display: none;
}
div#productBlock div.productsNav .next {
float:right;
text-align:right;
display: none;
}
/* --- 3.2. RUNWAY ------------------------------------------------------------------ */
div#productBlock h3#runwayText, div#cross-sell-block h3 {
color: #333333;
font-size: 16px;
margin: 0 0 10px !important;
text-transform:uppercase;
border-bottom: 1px solid #CACACA;
padding-bottom: 7px;
}
div#productBlock h3#runwayText a {
display: none;
}
div#productBlock div#runway {
clear: both;
overflow: hidden;
padding-bottom: 10px;
}
div#productBlock div#runway div#runwayPrev {
width: 22px;
height: 115px;
float: left;
clear: left;
background:#fff;
border:solid 1px #c0c0c0;
}
div#productBlock div#runway div#runwayNext {
width: 22px;
height: 115px;
float: left;
background:#fff;
border:solid 1px #c0c0c0;
}
div#productBlock div#runway div#runwayPrev a,
div#productBlock div#runway div#runwayNext a {
display: block;
width: 22px;
height: 115px;
background-repeat: no-repeat;
outline: 0;
}
div#productBlock div#runway div#runwayPrev a {
background-image: url(/_static/images/www/Shared/runwayPrev.gif);
background-position: 2px 45px;
}
div#productBlock div#runway div#runwayNext a {
background-image: url(/_static/images/www/Shared/runwayNext.gif);
background-position: 2px 45px;
}
div#productBlock div#runway a em,
div#productBlock div#runwayBack a em {
display: none;
}
div#productBlock div#runway div#runwaySpace {
margin:0;
padding:0;
overflow:hidden;
float: left;
}
div#productBlock div#runway div#runwaySpace table {
/* position: absolute; */
margin: 0 0;
width: auto;
}
div#productBlock div#runway div#runwaySpace table tr {
border-bottom: none;
}
div#productBlock div#runway div#runwaySpace td.runwayItem {
margin:0;
padding: 0 16px 0 0;
text-align: center;
width: 120px;
border:0;
background:#fff;
vertical-align: top;
}
div#productBlock div#runway div#runwaySpace td.runwayItem span.sale {
font-weight: normal;
}
div#productBlock div#runway div#runwaySpace td.runwayItem div.runwayItemImage, div#cross-sell-block div.article {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
cursor: pointer;
margin-bottom: 5px;
width: 120px;
height: 115px;
}
div#cross-sell-block {
height: 190px;
overflow: hidden;
width: 950px;
}
div#cross-sell-block div.article {
border: none;
float: left;
margin-right: 15px;
height: 155px;
}
div#productBlock div#runway div#runwaySpace td.runwayItem div.runwayItemImage a {}
div#productBlock div#runway div#runwaySpace td.runwayItem div.runwayItemName {
padding-bottom:3px;
text-transform:uppercase;
font-size:12px;
color:#000;
}
div#productBlock div#runway div#runwaySpace td.runwayItem div.runwayItemPrice {
font-size:12px;
color:#333;
cursor:pointer;
}
div#productBlock div#runway div#runwaySpace td.runwayItem div.runwayItemPrice .sale-price {
color:#c00;
}
div#categoryIntro {
clear: both;
overflow: hidden;
}
/* --- 3.3. PRODUCT DETAILS ------------------------------------------------- */
form#addToCart {
overflow:hidden;
/*margin-top: 20px;*/
}
/* --- 3.3.1. PRODUCT IMAGES ------------ */
div#product-images {
margin-right:20px;
min-height: 430px;
width:460px;
float:left;
overflow:hidden;
position:relative;
margin-top: 10px;
}
div#imageZoomer {
margin-left: 80px;
}
/* NOTE: the large image (for zoom) has properties that are defined in /javascript/jquery-custom-base.js */
/* Markup code appears all the way at the bottom of the page */
div.jqZoomWindow {
border:solid 1px #cacaca;
/*box-shadow: 0 0 20px #a0a0a0;*/
}
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;
}
div#alternate-images {
clear:both;
overflow:hidden;
width: auto;
position:absolute;
bottom:0;
margin-bottom: 22px;
}
div#alternate-images div.alternate, div#alternate-images div.alternate a, div#alternate-images div.alternate img {height:83px;width:58px;display:block;}
div#alternate-images div.alternate {border: 1px solid #CACACA; float: none; margin: 0 0 6px;}
/* --- 3.3.2. PRODUCT DESCRIPTION ------------ */
div#product-description {
width:470px;
overflow:hidden;
float:left;
font-size:11px;
padding-bottom: 5px;
margin-top: 10px;
}
div#product-description h1 {
font-size:36px;
font-weight: normal;
color: #333;
margin-bottom: 10px;
}
div#product-description #product-id {
font-weight:bold;
}
/* The standard tabs without styling are all jQuery based and show the default theme. */
/* Below are the styles to override this default look. */
div#product-description #tabs {padding:0;border:0;margin-top:10px;}
div#product-description #tabs .ui-widget-header {border-bottom:#solid 1px #cacaca;}
div#product-description #tabs .ui-tabs .ui-tabs-nav {}
div#product-description #tabs .ui-widget-header li {margin-top:9px;margin-right:10px;border:0;background:#dc8b8b;}
div#product-description #tabs .ui-widget-header li a {padding:4px 10px 3px 10px;color:#fff;}
div#product-description #tabs .ui-widget-header .ui-state-default {margin: 0; background-color: #FFFFFF;}
div#product-description #tabs .ui-widget-header .ui-tabs-selected {margin-top:0;border:solid 1px #cacaca;}
div#product-description #tabs .ui-widget-header .ui-state-active a {padding: 3px 5px;color:#fff;background-color: #8D8D8D;; margin-left: 5px; margin-top: 3px}
div#product-description #tabs .ui-widget-header .ui-tabs-selected a { background:#fff; padding: 7px 9px; color: #333; margin: 0;}
div#product-description #tabs .ui-tabs-panel {padding: 6px 13px 0; border-right:0;border-bottom:1px solid #CACACA;border-left:0;}
div#product-description .ui-tabs .ui-tabs-panel {}
div#product-description .ui-tabs-panel li {}
div#product-order-form div#social {font-size:12px; margin-top:15px; width:100%;}
div#product-order-form div#social ul {overflow:hidden;}
div#product-order-form div#social ul li {float:left;margin-right:13px;padding-right:11px;border-right:solid 1px #dadada;}
div#product-order-form div#social ul li a {text-decoration:none;color:#dc8b8b;}
div#product-order-form div#social ul li a:hover {text-decoration:underline;}
div#product-order-form div#social div.addthis_toolbox {
float:right;
margin-top: -3px;
}
div#product-order-form div#social div.addthis_toolbox img {
margin-left: 3px
}
div#product-order-form div#social div.addthis_toolbox h3 {
float: left;
margin: 4px 6px 0px 0px;
text-transform: uppercase;
font-size: 12px;
}
div#product-order-form div#social div.addthis_toolbox a {
clear: none;
float: left;
}
/* --- 3.3.3. PRODUCT ORDER FORM ------------ */
div#product-order-form {
width: 470px;
float: left;
}
div#ourPrice {
float: left;
width: auto;
margin-bottom: 10px;
}
div#product-order-form #retailPrice {
color:#909090;
text-decoration:line-through;
}
div#product-order-form #productPrice {
float: left;
font-size: 14px;
font-weight: bold;
color: #333;
position: relative;
}
div#product-order-form #special-any {
font-size: 16px;
font-weight: bold;
color: #f00;
margin-top: 6px
}
div#product-order-form .old-price {
text-decoration:line-through;
font-size:14px !Important;
color:#b0b0b0;
}
div#product-order-form #productPriceonsale {
color: #CC0000;
display: block;
font-size: 14px;
font-weight: bold;
clear: none;
float: left;
margin-left: 5px;
}
div#product-order-form #productPriceonsale .sale-price {
font-size:14px;
color:#c00;
display:block;
clear: both;
float: left;
}
div#product-order-form #product-availability {
margin:5px 0 15px 0;
}
div#product-order-form div#lineItemsHolder div.colorGroup {
float: left;
width: 220px;
font-weight: bold;
text-transform: capitalize;
margin: 4px 0 4px;
}
div#product-order-form div#lineItemsHolder div.productDetailsColorSwatch {
width: 160px;
float: left;
border: none;
overflow: hidden;
padding: 3px;
padding: 10px 0 10px 13px;
background-color: #fff;
margin-left: 10px;
}
div#product-order-form div#lineItemsHolder div.swatchBox {
background-color: #FFFFFF;
border: 1px solid #C2C6CC;
float: left;
height: 130px;
margin: -134px 0 0 -4px;
padding: 3px 3px 0;
position: absolute;
width: 191px;
z-index: 1;
}
div#product-order-form div#lineItemsHolder div.productDetailsColorSwatch img {
width: 25px;
height: 25px;
display: block;
overflow: hidden;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9B9B9B;
background-color: #ccc;
position: relative;
float: left;
}
div#product-order-form div#lineItemsHolder div.productDetailsColorSwatch span.swatchColor {
width: auto;
float: left;
color: #333333;
margin-left: 10px;
text-transform: uppercase;
width: 120px;
}
div#product-order-form div#lineItemsHolder div.selected {
background-color: #F1F1F1;
}
div#product-order-form div#lineItemsHolder div.selectBlock fieldset div {
width: 100%;
margin: 0 10px 20px 0;
float: left;
}
div#product-order-form div#lineItemsHolder div.selectBlock fieldset div div {
margin: 6px 0 0;
text-align: center;
}
div#product-order-form div#lineItemsHolder div.selectBlock fieldset div div.itemName {
text-align: left;
}
div#product-order-form div#lineItemsHolder div.selectBlock fieldset div div a {
line-height: 1.3em;
text-decoration: none;
}
div#product-order-form #lineItemsHolder {
padding-top: 10px;
}
div#lineItem_color_0 {
clear: none !important;
float: left;
height: 100% !important;
width: 100%;
border-top: 1px solid #CACACA;
padding: 0 !important;
}
div#lineItem_color_0 label {
margin-top: 15px !important;
}
div#lineItem_color_0 div#colorSwatches{
clear: none;
float: left;
margin-bottom: 5px;
margin-left: -10px;
margin-top: 5px;
width: 370px;
}
div#product-order-form #lineItemsHolder div.selectBlock fieldset.selectSize select {
width: 160px;
}
div#product-order-form #lineItemsHolder div.selectBlock fieldset.selectQty label {margin-top:0;text-transform:uppercase;font-size:14px;color:#333333; font-weight: bold; width: 100px;}
div#lineItem_size_0 label, div#lineItem_Dimension_SB label, div#lineItem_color_0 label, div#ourPriceLabel label {font-size: 14px; width: 100px; margin-top: 1px;}
div#lineItem_size_0 fieldset, div#lineItem_Dimension_SB select {clear: none;float: left; margin: -4px 0 0;}
div#product-order-form #lineItemsHolder div.selectBlock fieldset.selectQty input {height:20px;width:24px;font-size:14px;color:#e09f9f;border:solid 1px #9b9b9b;}
div#product-order-form #lineItemsHolder div.selectBlock fieldset.selectQty input#itemQuantity-0 {
background-color: #FFFFFF;
font-size: 1em;
margin-top: -4px;
padding: 4px;
text-align: center;
width: 21px;
padding-top: 4px;
padding-bottom: 2px;
*padding-bottom: 4px;
height: 22px;
line-height: 20px;
}
div#product-order-form #lineItemsHolder .promoCtn {
padding:5px;
background:#e7e7e7;
border:dashed 1px #606060;
margin:10px 0;
}
div#product-order-form #lineItemsHolder .promoCtn h3 {
margin-top:0;
}
div#product-order-form #lineItemsHolder fieldset.radio {
margin:0 0 0 0;
}
div#product-order-form #lineItemsHolder div#itemConfigurable {
display:none;
background:#e7e7e7;
padding:5px 5px 0 5px;
overflow:hidden;
}
div#product-order-form #lineItemsHolder div#itemConfigurable fieldset {
width:auto !important;
}
div#product-order-form #lineItemsHolder div#itemConfigurable fieldset input {
width:165px;
}
div#product-order-form #lineItemsHolder div#itemConfigurable fieldset label {
font-weight:bold;
}
div#product-order-form #lineItemsHolder h3 {
margin:15px 0 0 0;
font-size:16px;
float: left;
clear: left;
width: 100px;
color: #333333;
}
div#product-order-form a{
margin-left: 0;
float: right;
clear: both;
}
div#product-order-form #btnAddToCart {
background-color: #8D8D8D !important;
float: right;
margin-right: 5px;
}
div.buttons .largeButton {
padding-left: 5px !important;
padding-right: 5px !important;
margin-top: 11px !important;
}
div.buttons .largeButton span {
font-size: 17px !important;
}
div#product-order-form a.standardButton {
margin-bottom:5px;
clear: none;
background-color: #8D8D8D;
}
div#product-order-form a.sizebutton {
margin-top: 10px;
}
div#product-order-form div#AddToShopProcessingMainButton,
div#product-order-form div#AddToShopProcessingMain {
clear:both;
height:16px;
line-height:16px;
margin: 20px 0 3px;
overflow: hidden;
float: right;
}
div#product-order-form div#AddToShopProcessingMainButton img,
div#product-order-form div#AddToShopProcessingMain img {
float:left;
}
div#product-order-form div.selectBlock {
border-bottom: 1px solid #CACACA;
height: 24px;
overflow: hidden;
padding: 10px 0 0;
clear: both;
}
/* --- 3.3.4 AVAILABILITY BLOCK ------------------------------------------------- */
div#availabilityBlock {
margin: 16px 0 0 0;
width: 220px;
float: left;
}
div#availabilityBlock h3 {
text-transform: capitalize;
font-size: 14px;
margin-bottom: 6px;
}
div#availabilityBlock div.emailLine {
margin-bottom: 6px;
}
div#availabilityBlock div.emailLine span.emailWhenAvailable {
display: block;
}
div#availabilityBlock div.emailLine div.emailField {
margin: 6px 0;
}
div#availabilityBlock div.emailLine div.emailField input.notifyEmail {
width: 120px;
height: 20px;
border-color: #bbb;
}
div#availabilityBlock div.emailLine div.emailField a {
margin-left: 4px;
}
/* --- 3.4. CROSSSELL ITEMS ------------------------------------------------- */
div#cross-sell-block .article a.imagePreview {
display:block;
text-align:center;
border: 1px solid #CCCCCC;
}
div#cross-sell-block .article a.imagePreview img {
width: 80px;
height: 115px;
display:block;
margin: 0 auto;
}
div.crossSellTitleAlone { text-align: center; margin-top: 5px; }
div.crossSellPrice { text-align: center; color: #333; }
div.crossSellTitleAlone a, div.crossSellTitleAlone a:hover { color: #333333; text-decoration: none; font-weight: bold;}
div#cross-sell-block .article .itemFields {
width:170px;
}
div#cross-sell-block .article .itemFields h2 a {
font-size:12px;
text-decoration:none;
}
div#cross-sell-block .article .itemFields fieldset {
margin-bottom:4px;
}
div#cross-sell-block .article .itemFields label {
width:50px;
}
div#cross-sell-block .article .itemFields input {
text-align: center;
width: 96px;
}
div#cross-sell-block .article .itemFields select {
width:100px;
}
/* --- 3.4.5 EXTENDED DESCRIPTION TABS ------------------------------------------------- */
div#ExtendedDesriptionTabs {
float: left;
margin-top: 16px;
width: 100%;
}
/* --- 3.5. RECENTLY VIEWED ------------------------------------------------- */
div#recently-viewed {
float: left;
width: 100%;
margin-top: 16px;
}
div#recently-viewed h3 {
border-bottom:solid 1px #cacaca;
line-height:24px;
padding-bottom: 7px;
text-transform:uppercase;
font-size: 16px;
color: #333333;
}
div#recently-viewed .article {
width:102px;
float:left;
margin-right:5px;
margin-top:10px;
}
div#recently-viewed .article a.recentImage {
width:80px;
height:100px;
display:block;
padding:5px 10px;
border:solid 1px transparent;
}
div#recently-viewed .article a.recentImage:hover {
border:solid 1px #e0e0e0;
}
div#recently-viewed .article a.recentImage img {
width:80px;
display:block;
background:#e0e0e0;
}
div#recently-viewed .article a.recentDesc {
font-weight:bold;
text-decoration:none;
margin-top:5px;
}
/* ==================================================================================================== */
/* 4. MODELS / OUTFITS */
/* ==================================================================================================== */
div#modelSearchResults {
}
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 {
}
div#modelsBlock div#modelImage {
float:left;
margin-right:10px;
width: 385px;
text-align: center;
padding: 25px;
}
div#modelsBlock div#models {
float:right;
width:495px;
overflow:hidden;
}
div#modelsBlock div#models a.largeButton {
float: right !important;
margin: 0 !important;
}
div#modelsBlock div.modelTypeBlock {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CACACA;
clear: left;
margin-bottom: 20px;
padding: 20px 0 10px 20px;
min-height: 280px;
overflow: hidden;
}
div#modelsBlock div.modelTypeImage {
width: 205px;
height: 294px;
float:left;
display: block;
}
div#modelsBlock div.modelTypeImage a {
width:294px;
height:205px;
display:block;
}
div#modelsBlock div.modelTypeImage a img {
border: 1px solid #c0c0c0;
display: block;
height: 294px;
overflow: hidden;
width: 205px;
}
div#modelsBlock div.modelTypeDescription {
float:left;
margin-left: 20px;
width: 230px;
}
div#modelsBlock div.modelTypeDescription h3 {
color: #333333;
font-size: 36px;
padding-bottom: 5px;
text-transform: uppercase;
font-weight: normal;
}
div#modelsBlock div.modelTypeDescription p {
color: #333333;
}
div#modelsBlock div.modelTypeDescription fieldset {
width: 250px;
margin-bottom: 15px;
height: 20px;
}
div#modelsBlock div.modelTypeDescription fieldset input{
background-color: #FFFFFF;
border: 1px solid #9B9B9B;
color: #E09F9F;
font-family: Tahoma;
font-size: 1em;
margin-top: -4px;
padding: 5px 3px;
text-align: center;
width: 24px;
}
div#modelsBlock div.modelTypeDescription fieldset label {
height: 20px;
width: 80px;
}
div#modelsBlock div.modelTypeDescription fieldset select {
color: #333333;
font-family: Tahoma,Arial;
height: 22px;
padding-left: 2px;
width: 140px;
}
div#modelsBlock div.modelTypeDescription div.modelPrice {
border-top: 1px solid #CACACA;
color: #333333;
font-size: 20px;
line-height: 30px;
padding: 20px 0;
}
div#modelsBlock div.modelTypeDescription div.modelPrice span.price{
position: relative;
left: -8px;
}
div#modelsBlock div.modelTypeDescription div.modelPrice span.price span.strike {
border-top: 2px solid #666666;
top: 0;
margin-top: 8px;
display: block;
font-size: 0;
}
div#modelsBlock div.modelTypeDescription div.modelPrice span.sale{
color: #CC0000;
position: relative;
left: -8px;
}
div#modelsBlock div.trendsActionsBlock {
clear:left;
padding-top: 10px;
}
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#modelDescription h3 {
margin: 12px 0 6px;
}
div#modelsBlock div#modelDescription ul li {
list-style-type: disc;
list-style-position: inside;
margin-bottom: 8px;
}
div#modelsBlock div#models .mainButton {
float:right;
}
#kitsContentBlockRight{float:right;width:740px;}
#kitsContentBlockRight div#kitsProductImage{
color:#330000;
display:block;
float:left;
font-family:arial;
font-size:11px;
padding:2px 15px 0 0;
display:inline;
clear:both;
width:150px;
height:Auto;
}
#kitsContentBlockRight div#kitsProductImage .imageDescription{
float:left;
padding-bottom:7px;
font-weight:bold;
width:auto;
height:auto;
padding-left:5px;
}
#kitsContentBlockRight div#kitsProductImage img{float:left;}
#kitSlotTab{
border-bottom:1px solid #B58D69;
border-right:3px solid #FFFFFF !important;
height:auto;
margin-left:-1px;
width:735px;
}
#kitSlotTab ul li {
display:inline;
margin:5px 0 5px 0;
padding:8px 25px 0 10px; }
#kitSlotTab ul li a {
color:#d2baa8;
padding-bottom:5px;
text-decoration:none;
font-size:11px;
font-weight:bold; }
#kitSlotTab ul li.withTabBorder {
border-bottom:1px solid #fff !important;
background:none !important;
margin:0 !important;
padding:0 !important;
}
#kitSlotTab ul li.inactive {
background-color:#6a4a35;
border-bottom:1px solid #6A4A35;
}
#kitSlotTab ul li.inactive_incomplete{
background-color:#6a4a35;
border-bottom:1px solid #6A4A35;
}
#kitSlotTab ul li.inactive_completed {
background-color: brown;
border-bottom:1px solid #A85626;
}
#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:#6a4935;
}
#kitSlotTab ul li.active_incomplete {
background-image:url('/_static/images/www/Shared/kitTabSelectedIncomplete.png');
background-position:right top;
background-repeat:no-repeat;
}
#kitSlotTab ul li.active_incomplete a{
}
#kitSlotTab ul li.active_incomplete {
background-image:url('/_static/images/www/Shared/kitTabActiveInc.png');
border-top:1px solid #B58D69;
border-left:1px solid #B58D69;
border-right:1px solid #B58D69;
border-bottom:1px solid #FDF9F3 !important;
padding-bottom:0px;
}
#kitSlotTab ul li.inactive_completed, #kitSlotTab ul li.active_completed {
background-image:url('/_static/images/www/Shared/kitTabSelectedIncomplete.png');
background-position:right top;
background-repeat:no-repeat;
}
#kitSlotTab ul li.active_completed {
background-image:url('/_static/images/www/Shared/kitTabActive.png');
border-top:1px solid #b58d69;
border-left:1px solid #b58d69;
border-right:1px solid #b58d69;
border-bottom:1px solid #FDF9F3 !important;
padding-bottom:0 px;
}
table#kitSlotMainTable{
clear:none;
float:right;
font-size:11px;
margin:7px 6px 7px 0;
width:555px;
}
table#kitSlotMainTable td.withBorder{
border-top:1px solid #825d47;
padding-top:7px;
}
#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;
text-indent:24px;
margin-top:3px;
}
#kitSlotMainTable th {
background-color:#6a4935;
text-transform:capitalize;
}
#kitSlotMainTable th#columnComplete{
text-indent:2px;
}
#kitSlotMainTable th#columnItemDescription {
text-align:left;
}
#kitSlotMainTable tr{
margin:0;
}
#kitSlotMainTable td{
border:none;
padding:0;
}
#kitSlotMainTable thead{
background-color:#6a4935;
height:25px;
}
#kitSlotMainTable thead tr{
margin-top:1px;
}
table#kitSlotMainTable .whiteBg, .expand{
border:none !important;
background-color:#fff;
}
#kitSlotMainTable tr td.progress{
padding-left:20px;
}
#kitSlotMainTable td.itemDescription {
text-align:left;
}
#kitSlotMainTable tr td.component{
text-align:left;
}
#kitSlotMainTable tr td.skuId{
padding-right:5px;
}
#kitSlotMainTable tr td.requiredQty,
#kitSlotMainTable tr td.selectedQty,
#kitSlotMainTable tr td.addExtra{
font-weight:bold;
}
#kitSlotMainTable tr td.selectedQty,#kitSlotMainTable tr td.requiredQty {
text-align:center;
}
#kitSlotMainTable tr td.addExtra{
color:#dd0d0d;
font-family:arial;
}
#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; */
border-top:1px solid #b99f8f;
border-bottom:1px solid #b99f8f;
}
#kitSlotMainTable tr.completed{
background-color:#ececec;
}
#kitSlotMainTable tr.completed td.progress div.incomplete {
background-image:url(/_static/images/www/Shared/kits_inprogress.png);
}
#kitSlotMainTable tr.inprogress{
background-color:#fbefde;
}
#kitSlotMainTable tr.inprogress td{
border-bottom:1px solid #B99F8F;
border-top:1px solid #B99F8F;
}
#kitSlotMainTable tr.odd td{
}
#kitSlotMainTable tbody{
height:26px;
background-color:#ffffff;
color:#620404;
}
#kitSlotMainTable tbody:hover{
}
#kitSlotMainTable tbody tr.tabComplete{
background-color:#fbefde;
}
div#configGiftHeaders{
float:right;
margin-right:10px;
width:730px;
}
div#txtBasePrice, div#curBasePrice,
div#txtTotalExtra, div#curTotalExtra,
div#txtCurrentPrice, div#curCurrentPrice{
color:#dd0d0d;
font-family:arial;
font-weight:bold;
}
div#txtCurrentPrice{
float:left;
font-size:16px;
text-align:right;
width:375px;
}
div#curCurrentPrice {
font-size:20px;
text-align:right;
}
div#txtTotalExtra{
float:left;
font-size:16px;
text-align:right;
width:375px;
}
div#curTotalExtra{
font-size:16px;
text-align:right;
}
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;
padding-right:3px;
}
div#curBasePrice{
font-size:16px;
float:right;
padding-right:3px;
line-height:20px;
}
div#txtDirective{
color:#A15224;
font-size:13px;
font-weight:bold;
padding:26px 10px 65px 10px;
clear:both;
}
div#kitsProgressSection{
color:#72523F;
float:right;
height:90px;
margin-right:7px;
width:730px;
}
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:10px;
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#kitButtons{
float:right;
}
div#addtoCartButton{
width:auto;
float:left;
}
#kitsProgressBar h3{
font-size:14px;
color:#72523f;
}
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;
}
#kitSlotTabHolder{
float:left;
width:735px;
height:auto;
border-bottom:1px solid #B58D69;
border-left:1px solid #B58D69;
border-right:1px solid #B58D69;
padding-bottom:15px;
}
#kitSlotTabBorders{
background-color:#fdf9f3;
padding-bottom:15px;
}
#kitSlotTabContainer{
height:auto !important;
margin-left:14px;
width:auto;
}
#kitSlotTabContainer div.txtKitSlotExtendedDescription{
font-size:14px;
font-weight:bold;
color:#330000;
padding-left:11px;
padding-top:50px;
padding-bottom:2px;
}
#kitSlotTabContainer .kitSlotItemFrame{
min-height:675px;
border-left:1px solid #B58D69;
border-right:1px solid #B58D69;
background-color:#fff;
width:706px;
}
#kitSlotPreviousNextBtns{
float:right;
margin:18px 40px 10px 0;
}
#kitSlotTabContainer input.previousTab{
background-image:url(/_static/images/www/Shared/previousTab.gif);
height:15px;
border:1px solid #6a4935;
color:#6a4935;
font-size:11px;
font-family:"Trebuchet MS";
font-weight:bold;
text-transform:lowercase;
padding:0 5px 17px 15px;
width:auto;
cursor:pointer;
margin-right:6px;
}
#kitSlotTabContainer input.nextTab{
background-image:url(/_static/images/www/Shared/nextTab.gif);
background-position:right top;
height:15px;
border:1px solid #6a4935;
color:#6a4935;
font-size:11px;
font-family:"Trebuchet MS";
font-weight:bold;
text-transform:lowercase;
padding:0 15px 17px 5px;
width:auto;
cursor:pointer;
}
#kitSlotPreviousNextBottomBtns{
float:right;
margin:18px 40px 10px 0;
}
#kitSlotTabContainer .kitSlotRoundedTop{
background-image:url(/_static/images/www/Shared/kitSlotContainerTop.gif);
background-repeat:no-repeat;
width:708px;
height:12px;
overflow:hidden;
clear:none;
margin-bottom:none;
}
#kitSlotTabContainer .kitSlotRoundedBottom{
background-image:url(/_static/images/www/Shared/kitSlotContainerBottom.gif);
background-repeat:no-repeat;
width:708px;
height:12px;
}
.kitSlotItemFrame div.txtRemainingItemSelection {
font-family:arial;
color:#620404;
font-size:14px;
padding-left:45px;
padding-top:8px;
height:38px;
width:auto;
}
.kitSlotItemFrame div.txtRemainingItemSelection .outerBorderQtyRemaining{
border:1px solid #AE8080;
height:18px;
clear:both;
height:18px;
margin-bottom:2px;
padding:2px 1px;
width:auto;
}
.kitSlotItemFrame div.txtRemainingItemSelection .outerBorderQtyRemaining .innerBorderQtyRemaining{
border:1px solid #745542;
width:auto;
height:16px;
padding-left:5px;
padding-right:6px;
font-size:13px;
}
.kitSlotItems div.product {
display:block;
float:left;
margin-left:26px;
text-align:left;
font-size:12px;
color:#620404;
width:144px;
height:325px;
}
.kitSlotItems div.product div.image{
border:1px solid #745542;
width:140px;
height:140px;
overflow:hidden;
background-image:url(/_static/images/www/Shared/kitImagePlaceholder.gif);
}
.kitSlotItems div.product div.image img {
height:auto;
width:auto;
}
.kitSlotItems div.product div.description{
height:auto;
min-height:50px;
padding-top:7px;
width:auto;
}
.kitSlotItems div.product #qtyAndAdd {
width:140px;
height:61px;
}
.kitSlotItems div.product .addButton a{
color:#FFFFFF;
font-family:"Trebuchet MS",arial;
font-size:12px;
font-weight:bold;
line-height:18px;
padding:1px 9px;
text-decoration:none;
}
.kitSlotItems div.product div.addButton {
background-image:url(/_static/images/www/Shared/addToCartKitProductBtn.gif);
background-repeat:repeat-y;
clear:both;
float:right;
height:18px;
margin-top:2px;
width:auto;
}
.kitSlotItems div.product div.extraPerUnit{
text-decoration:none;
color:#dd0d0d;
font-weight:bold;
font-size:14px;
font-family:arial;
height:15px;
text-align:center;
}
.kitSlotItems div.product div.qtySelection {
border:1px solid #AE8080;
float:right;
height:18px;
margin-bottom:2px;
padding:1px;
width:44px;
}
.kitSlotItems div.product div.qtySelection select{
border:1px solid #745542;
width:44px;
}
.kitSlotItems div.product select option{
color:#620404;
background-color:#fff;
}
.kitSlotItems div.product div.minimumQty,
.kitSlotItems div.product div.currentExtra,
.kitSlotItems div.product div.availabilitySet{
height:auto;
float:left;
}
.kitSlotItems div.product div.currentExtra{
color:#DD0D0D;
font-family:arial;
font-size:15px;
font-weight:bold;
line-height:22px;
}
.kitSlotItems div.product div.size,
.kitSlotItems div.product div.color
{
/*border:1px solid #AE8080;*/
height:auto;
padding:1px;
width:95px;
float:right;
}
.kitSlotItems div.product div.minimumQty{
font-weight:bold;
color:#620404;
font-size:14px;
}
.kitSlotItems div.product div.size select,
.kitSlotItems div.product div.color select
{
border:1px solid #745542;
width:95px;
}
#kitSlotTab ul{
}
#tabs-1 #linkCheckYourFit a {
font-weight: bold;
background-color: #bababc;
color: #fff;
font-size: 14px;
padding: 3px;
}
#tabs-1 #linkCheckYourFit a:hover {
text-decoration: none;
}
/* iGoDigital */
div.igo_product{
float:left;
}
div.igo_product a{
display:block;
}
div#igdrec_1{
clear:both;
}
/*>>>>>>>>>> video-js.css <<<<<<<<<<*/
/*
VideoJS Default Styles (http://videojs.com)
Version 2.0.2
REQUIRED STYLES (be careful overriding)
================================================================================ */
/* Box containing video, controls, and download links.
Will be set to the width of the video element through JS
If you want to add some kind of frame or special positioning, use another containing element, not video-js-box. */
.video-js-box { text-align: left; position: relative; line-height: 0 !important; margin: 0; padding: 0 !important; border: none !important; }
/* Video Element */
video.video-js { background-color: #000; position: relative; padding: 0; }
.vjs-flash-fallback { display: block; }
/* Poster Overlay Style */
.video-js-box img.vjs-poster { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; padding: 0; cursor: pointer; }
/* Subtiles Style */
.video-js-box .vjs-subtitles { color: #fff; font-size: 20px; text-align: center; position: absolute; bottom: 40px; left: 0; right: 0; }
/* Fullscreen styles for main elements */
.video-js-box.vjs-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; }
.video-js-box.vjs-fullscreen video.video-js,
.video-js-box.vjs-fullscreen .vjs-flash-fallback { position: relative; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.video-js-box.vjs-fullscreen img.vjs-poster { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-spinner { z-index: 1001; }
.video-js-box.vjs-fullscreen .vjs-controls { z-index: 1003; }
.video-js-box.vjs-fullscreen .vjs-big-play-button { z-index: 1004; }
.video-js-box.vjs-fullscreen .vjs-subtitles { z-index: 1004; }
/* Styles Loaded Check */
.vjs-styles-check { height: 5px; position: absolute; }
/* Controls Below Video */
.video-js-box.vjs-controls-below .vjs-controls { position: relative; opacity: 1; background-color: #000; }
.video-js-box.vjs-controls-below .vjs-subtitles { bottom: 75px; } /* Account for height of controls below video */
/* DEFAULT SKIN (override in another file)
================================================================================
Using all CSS to draw the controls. Images could be used if desired.
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. */
/* Controls Layout
Using absolute positioning to position controls */
.video-js-box .vjs-controls {
position: absolute; margin: 0; opacity: 0.85; color: #fff;
display: none; /* Start hidden */
left: 0; right: 0; /* 100% width of video-js-box */
width: 100%;
bottom: 0px; /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
height: 35px; /* Including any margin you want above or below control items */
padding: 0; /* Controls are absolutely position, so no padding necessary */
}
.video-js-box .vjs-controls > div { /* Direct div children of control bar */
position: absolute; /* Use top, bottom, left, and right to specifically position the control. */
text-align: center; margin: 0; padding: 0;
height: 25px; /* Default height of individual controls */
top: 5px; /* Top margin to put space between video and controls when controls are below */
/* CSS Background Gradients
Using to give the aqua-ish look. */
/* Default */ background-color: #0B151A;
/* Webkit */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 12px;
/* Firefox */ background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 12px;
/* CSS Curved Corners */
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
/* CSS Shadows */
box-shadow: 1px 1px 2px #000; -webkit-box-shadow: 1px 1px 2px #000; -moz-box-shadow: 1px 1px 2px #000;
}
/* Placement of Control Items
- Left side of pogress bar, use left & width
- Rigth side of progress bar, use right & width
- Expand with the video (like progress bar) use left & right */
.vjs-controls > div.vjs-play-control { left: 5px; width: 25px; }
.vjs-controls > div.vjs-progress-control { left: 35px; right: 165px; } /* Using left & right so it expands with the width of the video */
.vjs-controls > div.vjs-time-control { width: 75px; right: 90px; } /* Time control and progress bar are combined to look like one */
.vjs-controls > div.vjs-volume-control { width: 50px; right: 35px; }
.vjs-controls > div.vjs-fullscreen-control { width: 25px; right: 5px; }
/* Removing curved corners on progress control and time control to join them. */
.vjs-controls > div.vjs-progress-control {
border-top-right-radius: 0; -webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0;
border-bottom-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0;
}
.vjs-controls > div.vjs-time-control {
border-top-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0;
border-bottom-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0;
}
/* Play/Pause
-------------------------------------------------------------------------------- */
.vjs-play-control { cursor: pointer !important; }
/* Play Icon */
.vjs-play-control span { display: block; font-size: 0; line-height: 0; }
.vjs-paused .vjs-play-control span {
width: 0; height: 0; margin: 8px 0 0 8px;
/* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
border-left: 10px solid #fff; /* Width & Color of play icon */
/* Height of play icon is total top & bottom border widths. Color is transparent. */
border-top: 5px solid rgba(0,0,0,0); border-bottom: 5px solid rgba(0,0,0,0);
}
.vjs-playing .vjs-play-control span {
width: 3px; height: 10px; margin: 8px auto 0;
/* Drawing the pause bars with borders */
border-top: 0px; border-left: 3px solid #fff; border-bottom: 0px; border-right: 3px solid #fff;
}
/* Progress
-------------------------------------------------------------------------------- */
.vjs-progress-holder { /* Box containing play and load progresses */
position: relative; padding: 0; overflow:hidden; cursor: pointer !important;
height: 9px; border: 1px solid #777;
margin: 7px 1px 0 5px; /* Placement within the progress control item */
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-progress-holder div { /* Progress Bars */
position: absolute; display: block; width: 0; height: 9px; margin: 0; padding: 0;
border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.vjs-play-progress {
/* CSS Gradient */
/* Default */ background: #fff;
/* Webkit */ background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#777));
/* Firefox */ background: -moz-linear-gradient(top, #fff, #777);
}
.vjs-load-progress {
opacity: 0.8;
/* CSS Gradient */
/* Default */ background-color: #555;
/* Webkit */ background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#aaa));
/* Firefox */ background: -moz-linear-gradient(top, #555, #aaa);
}
/* Time Display
-------------------------------------------------------------------------------- */
.vjs-controls .vjs-time-control { font-size: 10px; line-height: 1; font-weight: normal; font-family: Helvetica, Arial, sans-serif; }
.vjs-controls .vjs-time-control span { line-height: 25px; /* Centering vertically */ }
/* Volume
-------------------------------------------------------------------------------- */
.vjs-volume-control { cursor: pointer !important; }
.vjs-volume-control div { display: block; margin: 0 5px 0 5px; padding: 4px 0 0 0; }
/* Drawing the volume icon using 6 span elements */
.vjs-volume-control div span { /* Individual volume bars */
float: left; padding: 0;
margin: 0 2px 0 0; /* Space between */
width: 5px; height: 0px; /* Total height is height + bottom border */
border-bottom: 18px solid #555; /* Default (off) color and height of visible portion */
}
.vjs-volume-control div span.vjs-volume-level-on { border-color: #fff; /* Volume on bar color */ }
/* Creating differnt bar heights through height (transparent) and bottom border (visible). */
.vjs-volume-control div span:nth-child(1) { border-bottom-width: 2px; height: 16px; }
.vjs-volume-control div span:nth-child(2) { border-bottom-width: 4px; height: 14px; }
.vjs-volume-control div span:nth-child(3) { border-bottom-width: 7px; height: 11px; }
.vjs-volume-control div span:nth-child(4) { border-bottom-width: 10px; height: 8px; }
.vjs-volume-control div span:nth-child(5) { border-bottom-width: 14px; height: 4px; }
.vjs-volume-control div span:nth-child(6) { margin-right: 0; }
/* Fullscreen
-------------------------------------------------------------------------------- */
.vjs-fullscreen-control { cursor: pointer !important; }
.vjs-fullscreen-control div {
padding: 0; text-align: left; vertical-align: top; cursor: pointer !important;
margin: 5px 0 0 5px; /* Placement within the fullscreen control item */
width: 20px; height: 20px;
}
/* Drawing the fullscreen icon using 4 span elements */
.vjs-fullscreen-control div span { float: left; margin: 0; padding: 0; font-size: 0; line-height: 0; width: 0; text-align: left; vertical-align: top; }
.vjs-fullscreen-control div span:nth-child(1) { /* Top-left triangle */
margin-right: 3px; /* Space between top-left and top-right */
margin-bottom: 3px; /* Space between top-left and bottom-left */
border-top: 6px solid #fff; /* Height and color */
border-right: 6px solid rgba(0,0,0,0); /* Width */
}
.vjs-fullscreen-control div span:nth-child(2) { border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(3) { clear: both; margin: 0 3px 0 0; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen-control div span:nth-child(4) { border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
/* Icon when video is in fullscreen mode */
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(1) { border: none; border-bottom: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(2) { border: none; border-bottom: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(3) { border: none; border-top: 6px solid #fff; border-left: 6px solid rgba(0,0,0,0); }
.vjs-fullscreen .vjs-fullscreen-control div span:nth-child(4) { border: none; border-top: 6px solid #fff; border-right: 6px solid rgba(0,0,0,0); }
/* Download Links - Used for browsers that don't support any video.
---------------------------------------------------------*/
.vjs-no-video { font-size: small; line-height: 1.5; }
/* Big Play Button (at start)
---------------------------------------------------------*/
div.vjs-big-play-button {
display: none; /* Start hidden */ z-index: 2;
position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -43px 0 0 -43px; text-align: center; vertical-align: center; cursor: pointer !important;
border: 3px solid #fff; opacity: 0.9;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
/* CSS Background Gradients */
/* Default */ background-color: #0B151A;
/* Webkit */ background: #1F3744 -webkit-gradient(linear, left top, left bottom, from(#0B151A), to(#1F3744)) left 40px;
/* Firefox */ background: #1F3744 -moz-linear-gradient(top, #0B151A, #1F3744) left 40px;
/* CSS Shadows */
box-shadow: 4px 4px 8px #000; -webkit-box-shadow: 4px 4px 8px #000; -moz-box-shadow: 4px 4px 8px #000;
}
div.vjs-big-play-button:hover {
box-shadow: 0px 0px 80px #fff; -webkit-box-shadow: 0px 0px 80px #fff; -moz-box-shadow: 0px 0px 80px #fff;
}
div.vjs-big-play-button span {
display: block; font-size: 0; line-height: 0;
width: 0; height: 0; margin: 20px 0 0 23px;
/* Drawing the play triangle with borders - http://www.infimum.dk/HTML/slantinfo.html */
border-left: 40px solid #fff; /* Width & Color of play icon */
/* Height of play icon is total top & bottom border widths. Color is transparent. */
border-top: 20px solid rgba(0,0,0,0); border-bottom: 20px solid rgba(0,0,0,0);
}
/* Spinner Styles
---------------------------------------------------------*/
/* CSS Spinners by Kilian Valkhof - http://kilianvalkhof.com/2010/css-xhtml/css3-loading-spinners-without-images/ */
.vjs-spinner { display: none; position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; z-index: 1; margin: -50px 0 0 -50px;
/* Scaling makes the circles look smoother. */
transform: scale(0.5); -webkit-transform:scale(0.5); -moz-transform:scale(0.5);
}
/* Spinner circles */
.vjs-spinner div { position:absolute; left: 40px; top: 40px; width: 20px; height: 20px; background: #fff;
border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px;
border: 1px solid #ccc; /* Added border so can be visible on white backgrounds */
}
/* Each circle */
.vjs-spinner div:nth-child(1) { opacity: 0.12; transform: rotate(000deg) translate(0, -40px) scale(0.1); -webkit-transform: rotate(000deg) translate(0, -40px) scale(0.1); -moz-transform: rotate(000deg) translate(0, -40px) scale(0.1); }
.vjs-spinner div:nth-child(2) { opacity: 0.25; transform: rotate(045deg) translate(0, -40px) scale(0.2); -webkit-transform: rotate(045deg) translate(0, -40px) scale(0.2); -moz-transform: rotate(045deg) translate(0, -40px) scale(0.2); }
.vjs-spinner div:nth-child(3) { opacity: 0.37; transform: rotate(090deg) translate(0, -40px) scale(0.4); -webkit-transform: rotate(090deg) translate(0, -40px) scale(0.4); -moz-transform: rotate(090deg) translate(0, -40px) scale(0.4); }
.vjs-spinner div:nth-child(4) { opacity: 0.50; transform: rotate(135deg) translate(0, -40px) scale(0.6); -webkit-transform: rotate(135deg) translate(0, -40px) scale(0.6); -moz-transform: rotate(135deg) translate(0, -40px) scale(0.6); }
.vjs-spinner div:nth-child(5) { opacity: 0.62; transform: rotate(180deg) translate(0, -40px) scale(0.8); -webkit-transform: rotate(180deg) translate(0, -40px) scale(0.8); -moz-transform: rotate(180deg) translate(0, -40px) scale(0.8); }
.vjs-spinner div:nth-child(6) { opacity: 0.75; transform: rotate(225deg) translate(0, -40px) scale(1.0); -webkit-transform: rotate(225deg) translate(0, -40px) scale(1.0); -moz-transform: rotate(225deg) translate(0, -40px) scale(1.0); }
.vjs-spinner div:nth-child(7) { opacity: 0.87; transform: rotate(270deg) translate(0, -40px) scale(1.1); -webkit-transform: rotate(270deg) translate(0, -40px) scale(1.1); -moz-transform: rotate(270deg) translate(0, -40px) scale(1.1); }
.vjs-spinner div:nth-child(8) { opacity: 1.00; transform: rotate(315deg) translate(0, -40px) scale(1.3); -webkit-transform: rotate(315deg) translate(0, -40px) scale(1.3); -moz-transform: rotate(315deg) translate(0, -40px) scale(1.3); }