/* ===== Reset ===== */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* ===== Base ===== */
strong { font-weight: bold; }
em { font-style: italic; font-weight: inherit; }
.nocss { display: none; }
/* ===== Clearing Floats ===== */
.clear-float { clear: both; height: 0px; line-height: 0px; font-size: 0.1px; }
.clearf { overflow: auto; width: auto; }
/* ===== Links ===== */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover { color: inherit; }
/* Disable focussed/active link outlines - messes with float clearing */
a:active { outline: none; }
:-moz-any-link:focus { outline: none; }
/* ===== Paragraphs ===== */
p { margin-bottom: 1em; }
/* ===== Standard Lists ===== */
ul { list-style: disc; margin-left: 1.7em; }
ol { list-style: decimal; margin-left: 1.7em; }
ul,
ol { list-style-position: outside; padding-bottom: 1em; }
li { margin: 0 0 .3em 1em; }
dl { }
dt { font-weight: bold; padding-bottom: 0.7em; }
dd { padding-bottom: 1em; }
/* Margin resets for block-level elements */
html {
/*background: #FFF*/
/*color: #000;*/
/*margin: 1em;*/
/*padding: 0;*/
}
body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, cite, label, dl, ul, ol, fieldset, address {
clear: both;
margin: 1em 0;
padding: 0;
text-indent: 0;
}
p {
clear: inherit;
}
table {
border-collapse: collapse;
border-spacing: .3em;
clear: both;
}
caption, th {
text-align: left;
}
table, td {
font-size: inherit;
}
ul, ol, li, dd, blockquote {
margin-left: 1em;
}
/* Typography resets for normal text, semantic text, and headings */
body {
font-size: 76%;
font-style: normal;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.2;
margin: .5em 0 .3em 0;
}
h1 { font-size: 2.0em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1.0em; }
address, abbr, acronym {
font-style: normal;
}
acronym, abbr {
border-bottom: 1px dotted #333;
cursor: help;
}
acronym {
text-transform: uppercase;
}
pre, kbd, code, samp, tt, var {
font-family: monospace;
}
pre {
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
del {
text-decoration: line-through;
}
/* get forms to show up correctly */
form {
margin: 1em 0;
padding: 0;
}
form label {
cursor: pointer;
margin: 0;
padding: .3em;
}
fieldset {
border: none;
}
select, textarea {
/*display: block;*/
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
}
/* list element margins and default styles */
ul { list-style-type: disc; }
ul ul { list-style-type: circle; }
ul ul ul { list-style-type: square; }
ul ul ul ul { list-style-type: disc; }
ol { list-style-type: decimal; }
ol ol { list-style-type: upper-alpha; }
ol ol ol { list-style-type: lower-roman; }
ol ol ol ol { list-style-type: decimal; }
/* Miscellaneous oddities and fixes */
a img {
border: none;
}
hr {
background-color: #666;
border-width: 0;
height: 1px;
text-align: left;
width: 95%;
}
iframe {
border-width: 0;
}
:focus {
outline: 0;
}
/* Common classes */
.hidden {
display: none;
visibility: hidden;
}
.visible {
display: block;
visibility: visible;
}
.invisible {
visibility: hidden;
}
.cleanup {
clear: both;
display: block;
font-size: 0;
height: 0;
line-height: 0;
}
/* buttons - usually with icons */
button {
margin:0 7px 0 0;
background-color:#f5f5f5;
border:1px solid #dedede;
border-top:1px solid #eee;
border-left:1px solid #eee;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
font-size:100%;
line-height:130%;
text-decoration:none;
font-weight:bold;
color:#565656;
cursor:pointer;
width: auto;
overflow:visible;
padding:4px 10px 3px 7px;
}
button[type] {
padding:5px 10px 5px 7px;
line-height:17px;
}
*:first-child+html button[type] {
padding:4px 10px 3px 7px;
}
button img {
border:none;
margin:0 3px -3px 0 !important;
padding:0;
}
button img.ui-icon {
display: inline;
text-indent: 0;
}
/* ===== Cross Browser Inline Blocks ===== */
.iblock {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
}
* html .iblock {
zoom: 1;
display: inline;
}
* + html .iblock {
zoom: 1;
display: inline;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2008 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; top: -100px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework
* Copyright (c) 2008 AUTHORS.txt (http://ui.jquery.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://themeroller.com/?ctl=themeroller&tr=&ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=526db9&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=526db9&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=526db9&iconColorDefault=f94d7e&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=cccccc&fcHover=f94d7e&iconColorHover=f94d7e&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=cccccc&fcActive=f94d7e&iconColorActive=f94d7e&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-header { border: 1px solid #526db9; background: #526db9 url(http://library.webdynamic.com.au/themeImage.php?new=526db9&w=500&h=100&f=png&q=100&fltr[]=over|textures/12_gloss_wave.png|0|0|35) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(http://library.webdynamic.com.au/themeImage.php?new=eeeeee&w=40&h=100&f=png&q=100&fltr[]=over|textures/03_highlight_soft.png|0|0|100) 50% 0 repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(http://library.webdynamic.com.au/themeImage.php?new=f6f6f6&w=40&h=100&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|100) 50% 50% repeat-x; font-weight: bold; color: #526db9; outline: none; }
.ui-state-default a { color: #526db9; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #cccccc; background: #fdf5ce url(http://library.webdynamic.com.au/themeImage.php?new=fdf5ce&w=40&h=100&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|100) 50% 50% repeat-x; font-weight: bold; color: #f94d7e; outline: none; }
.ui-state-hover a { color: #f94d7e; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #cccccc; background: #ffffff url(http://library.webdynamic.com.au/themeImage.php?new=ffffff&w=40&h=100&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|65) 50% 50% repeat-x; font-weight: bold; color: #f94d7e; outline: none; }
.ui-state-active a { color: #f94d7e; outline: none; text-decoration: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(http://library.webdynamic.com.au/themeImage.php?new=ffe45c&w=40&h=100&f=png&q=100&fltr[]=over|textures/03_highlight_soft.png|0|0|75) 50% 0 repeat-x; color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(http://library.webdynamic.com.au/themeImage.php?new=b81900&w=40&h=100&f=png&q=100&fltr[]=over|textures/08_diagonals_thick.png|0|0|18) 50% 50% repeat; color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #ffffff; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(http://library.webdynamic.com.au/themeImage.php?new=222222&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png); }
.ui-widget-content .ui-icon {background-image: url(http://library.webdynamic.com.au/themeImage.php?new=222222&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png); }
.ui-widget-header .ui-icon {background-image: url(http://library.webdynamic.com.au/themeImage.php?new=ffffff&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png); }
.ui-state-default .ui-icon { background-image: url(http://library.webdynamic.com.au/themeImage.php?new=f94d7e&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(http://library.webdynamic.com.au/themeImage.php?new=f94d7e&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png); }
.ui-state-active .ui-icon {background-image: url(http://library.webdynamic.com.au/themeImage.php?new=f94d7e&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png); }
.ui-state-highlight .ui-icon {background-image: url(http://library.webdynamic.com.au/themeImage.php?new=228ef1&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(http://library.webdynamic.com.au/themeImage.php?new=ffd27a&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.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-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-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;-moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px;}
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;}
.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
/* Overlays */
.ui-widget-overlay { background: #666666 url(http://library.webdynamic.com.au/themeImage.php?new=666666&w=40&h=100&f=png&q=100&fltr[]=over|textures/08_diagonals_thick.png|0|0|20) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(http://library.webdynamic.com.au/themeImage.php?new=000000&w=40&h=100&f=png&q=100&fltr[]=over|textures/01_flat.png|0|0|10) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* Accordion
----------------------------------*/
.ui-accordion-group {margin-bottom: 1px;}
.ui-accordion-header { cursor: pointer; position: relative; }
.selected .ui-accordion-header { border-bottom: 0; }
.ui-accordion .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
.ui-accordion-content-wrap { border-top: 0; margin-top: -1px; position: relative; top: 1px; }
.ui-accordion-content { padding: 1em 2.2em; }
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker-prev, .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker-prev:hover, .ui-datepicker-next:hover { top: 1px;}
.ui-datepicker-prev { left:2px; }
.ui-datepicker-next { right:2px; }
.ui-datepicker-prev:hover { left:1px; }
.ui-datepicker-next:hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
/* Dialog
----------------------------------*/
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; }
.ui-dialog-title { float: left; margin: .1em 0 .2em; }
.ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; }
.ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar-value {margin: -1px; height:100%; }
/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 7px; height: 7px; right: -5px; bottom: -5px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider-range { position: absolute; z-index: 1; font-size: 1%; display: block; border: 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-vertical { width: .8em; height: 100%; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; height: auto; width: 100%; }
/* Tabs
----------------------------------*/
.ui-tabs {padding: .2em;}
.ui-tabs-nav { padding: .2em .2em 0 .2em; position: relative; }
.ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
.ui-tabs-nav li.ui-tabs-selected { padding-bottom: .1em; border-bottom: 0; }
.ui-tabs-panel { padding: 1em 1.4em; display: block; border: 0; background: none; }
.ui-tabs-hide { display: none !important; }
.wd-form .wf-column {
float: left;
}
.wd-form .wf-field-container {
clear: left;
}
.wd-form .wf-instructions-post,
.wd-form .wf-instructions-further-information {
font-style: italic;
}
.wd-form .wf-mandatory-help-text {
font-style: italic;
}
.wd-form .wf-layout-horizontal .wf-label {
float: left;
display: block;
clear: left;
}
.wd-form .wf-layout-vertical .wf-label {
float: none;
display: inline;
clear: none;
}
.wd-form .wf-layout-horizontal .wf-field {
float: left;
}
/* sit the item on the left, and instructions on the left */
.wd-form .wf-item,
.wd-form .wf-instructions-further-information {
float: left;
}
.wd-form .wf-column .wf-item {
float: none;
}
.wd-form .wf-error-message {
clear: both;
}
/* Clear help text etc so they can go below radio button groups */
.wd-form .wf-layout-vertical .wf-instructions-post,
.wd-form .wf-layout-horizontal .wf-instructions-post,
.wd-form .wf-layout-horizontal .wf-navigation-buttons {
clear: left;
}
.wd-form .wf-layout-vertical .wf-error-message,
.wd-form .wf-layout-horizontal .wf-error-message {
/* fix layout issue with input fields immediately followed by an error */
float: left;
width: 100%;
}
.wd-form .wf-field:after {
display: block;
content: ".";
height: 0;
clear: left;
visibility: hidden;
}
/* Clear boxes - Firefox/Chrome Only */
.wd-form .wf-field-container:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.wd-form .wf-fluid .wf-item {
display: inline;
}
/* Radio button don't have borders or backgrounds */
.wd-form .wf-field-radiobutton,
.wd-form .wf-field-checkbox {
background: none;
border: none;
}
/* Basic Styles*/
.wd-form .ui-icon {
float: left;
margin-right: 0.3em;
}
.wd-form .wf-fieldset {
border: 1px solid #ccc;
padding: .6em;
}
.wd-form .wf-fieldset, .wd-form .wf-form-control .button-layout-align-buttons-to-label {
margin: 0 2px;
padding: 0 0;
}
.wd-form .wf-fieldset legend {
font-weight: bold;
}
.wd-form .wf-error-message {
color: #b81900;
font-weight: bold;
}
.wd-form .wf-error-message .ui-icon {
background-image: url(http://library.webdynamic.com.au/themeImage.php?new=b81900&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png);
}
.wd-form .wf-text-dynamic-width {
width: 200px;
}
.wd-form .wf-instructions-post .ui-icon {
background-image: url(http://library.webdynamic.com.au/themeImage.php?new=526DB9&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png);
}
.wd-form .wf-mandatory-help-text {
padding: 0.8em;
}
/* Further information popups */
.wd-form .wf-instructions-further-information .ui-icon {
background-image: url(http://library.webdynamic.com.au/themeImage.php?new=526DB9&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png);
}
.wd-form .wf-instructions-further-information .info {
position:relative;
z-index:24;
}
.wd-form .wf-instructions-further-information .info:hover{
z-index:25;
}
.wd-form .wf-instructions-further-information .info .further-information-text {
display: none;
background: #c4fb8e url(http://library.webdynamic.com.au/themeImage.php?new=c4fb8e&w=40&h=100&f=png&q=100&fltr[]=over|textures/03_highlight_soft.png|0|0|75) repeat-x scroll 50% 0;
border: 1px solid #86e32a;
text-align: center;
padding: 1em;
width: 6em;
}
.wd-form .wf-instructions-further-information {
float: left;
}
.wd-form .wf-instructions-further-information .info:hover .further-information-text {
display:block;
position:absolute;
top:.5em;
left:2em;
}
.wd-form .wf-label, .wd-form .wf-field-label {
cursor: pointer;
margin: 0;
padding: 0;
}
.wd-form .wf-field-label {
padding-left: .5em;
}
.wd-form .wf-field-container, .wd-form .wf-form-control {
padding: 3px 1em;
margin-bottom: 2px;
}
.wd-form .wf-layout-horizontal .wf-error-message {
clear: both;
margin-top: 3px;
}
.wd-form .wf-column .wf-item {
padding: 0 .4em .2em 0;
}
.wd-form .ui-state-error-container {
background: #feefb3 url(http://library.webdynamic.com.au/themeImage.php?new=feefb3&w=40&h=100&f=png&q=100&fltr[]=over|textures/03_highlight_soft.png|0|0|75) repeat-x scroll 50% 0;
border: 1px solid #FED22F !important;
}
.wd-form .wf-form-state-error {
background: #FEF1EC url(http://library.webdynamic.com.au/themeImage.php?new=fef1ec&w=1&h=100&f=png&q=100&fltr[]=over|textures/05_inset_soft.png|0|0|95) repeat-x scroll 50% 100%;
color: #cd0a0a;
}
.wd-form .wf-form-state-error .ui-icon {
background-image: url(http://library.webdynamic.com.au/themeImage.php?new=cd0a0a&w=256&h=240&f=png&fltr[]=rcd|256&fltr[]=mask|icons/icons.png);
}
.wd-form .wf-form-state-error p,
.wd-form .wf-error-message p {
padding-left: 1em;
padding-right: 1em;
}
.wd-form .wf-field-text,
.wd-form .wf-field-dropdown,
.wd-form .wf-field-textarea {
padding: 2px;
}
.wd-form .ui-state-hover {
background: #efeffa url(http://library.webdynamic.com.au/themeImage.php?new=efeffa&w=40&h=100&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|50) repeat-x scroll 50% 50%;
border: 1px solid #aaa;
color: #3c3c3c;
}
/* Default state for non-popup error messages */
.wd-form .wf-error-message {
}
/* Popup error messages */
.wd-form .wf-error-message-hidden {
z-index: 200;
background:#E4F8C9 url(http://library.webdynamic.com.au/themeImage.php?new=e4f8c9&w=1&h=100&f=png&q=100&fltr[]=over|textures/03_highlight_soft.png|0|0|75) repeat-x scroll 50% 50%;
border:1px solid #638536;
}
.wd-form .wf-form-control .button-position {
float: left;
}
.wd-form .wf-form-control input {
float: left;
display: block;
}
.wd-form .wf-form-control .button-layout-no-alignment:after,
.wd-form .wf-form-control .button-layout-align-buttons-to-label:after {
display: block;
content: ".";
height: 0;
clear: left;
visibility: hidden;
}
.wd-form .wf-layout-horizontal .wf-label {
width: 200px;
text-align: right;
padding-right: .75em;
}
/* For now - this needs tweaking though */
.wd-form .wf-form-control .button-layout-align-buttons-to-label .button-position-secondary {
text-align: right;
width: 200px;
padding-right: .75em;
}
.wd-form .wf-form-control .button-layout-align-buttons-to-label .button-position-secondary input {
float: right;
}
.wd-form .wf-form-control .button-layout-align-buttons-to-label .button-position-primary {
text-align: left;
}
.wd-form .wf-form-control .button-layout-align-buttons-to-center .button-position-secondary {
text-align: right;
width: 50%;
padding-right: .75em;
}
.wd-form .wf-form-control .button-layout-align-buttons-to-center .button-position-secondary input {
float: right;
}
.wd-form .wf-form-control .button-layout-align-buttons-to-center .button-position-primary {
text-align: left;
padding-left: .75em;
}
.wd-form .wf-form-control .button-layout-align-all-buttons-to-center {
text-align: center;
margin: auto;
}
.wd-form .wf-form-control .button-layout-align-all-buttons-to-center input {
float: none;
display: inline;
}
.wd-form .wf-form-control input.disabled {
display: none;
}
.wd-form .wf-field-text-readonly {
background: transparent none;
border: none;
}
.wd-form .ui-state-highlight,
.wd-form .ui-widget-content .ui-state-highlight {
background-color: transparent;
background-image: none;
border: 0;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.
Copyright 2006 – 2008 Mark Wubben,
Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben
See also and .
This software is licensed and provided under the CC-GNU LGPL.
See
*****************************************************************************/
@media screen {
.sIFR-flash {
visibility: visible !important;
margin: 0;
padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
visibility: visible !important;
}
.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
margin: 0pt;
padding: 0pt;
overflow: auto;
letter-spacing: 0px;
float: none;
}
}
@media print {
.sIFR-flash {
display : none !important;
height : 0;
width : 0;
position : absolute;
overflow : hidden;
}
.sIFR-alternate {
visibility : visible !important;
display : block !important;
position : static !important;
left : auto !important;
top : auto !important;
width : auto !important;
height : auto !important;
}
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
}
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
/* Example:
.sIFR-active h1 {
font-family: Verdana;
visibility: hidden;
}
*/
.sIFR-active div.block-title h4 {
padding: 6px 6px 6px 9px !important;
}
.sIFR-active h2 {
margin: 0;
}
.sIFR-active h3 {
margin-bottom: 0;
padding-bottom: 0;
}
}
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
.page-print .buttons-set { display:none; }
/**
* Magento
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magentocommerce.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade Magento to newer
* versions in the future. If you wish to customize Magento for your
* needs please refer to http://www.magentocommerce.com for more information.
*
* @copyright Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
* @licensehttp://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0)
*/
/* Layout ================================================================================= */
.wrapper {}
.page-print { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
/* ======================================================================================= */
/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#000; }
input.input-text,select,textarea { background:#fff; border:1px solid #ddd; }
input.input-text,textarea { padding:2px; }
select { padding:1px; }
select option { padding-right:10px; }
select.multiselect option {}
textarea { overflow:auto; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
input.qty { width:2.5em !important; }
/* Input & Textarea stretched for 100% */
.field-100 { border:1px solid #888; padding:2px; overflow:hidden; }
.field-100 input.input-text,
.field-100 textarea { float:left; width:100%; margin:0; padding:0; border:0; }
/* Form Highlight */
/*input.input-text:focus,select:focus,textarea:focus {}
.highlight {}*/
.left,
.f-left { float: left; }
.a-center { text-align: center; }
.a-right { text-align: right; }
/* Form lists */
.form-list { overflow: hidden; }
.form-list li { margin:0 0 5px; }
.form-list label { font-weight:bold; }
.form-list .input-box { float:left; width:260px; }
.form-list input.input-text,
.form-list textarea { width:250px; }
.form-list select { width:256px; }
.form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; }
.group-select {}
.group-select li { margin:0 0 5px; overflow: hidden; }
.group-select .input-box { float:left; width:260px; }
.group-select input.input-text,
.group-select textarea {width:510px; }
.group-select select { width:516px; }
.group-select .input-box input.input-text,
.group-select .input-box textarea { width:250px; }
.group-select .input-box select { width:256px; }
.buttons-set { clear:both; margin:5px 0 0; padding:5px; border: 1px solid #c4cfdc; overflow: hidden; zoom: 1; line-height: 29px; }
.buttons-set .back-link { float:left; }
.buttons-set button.button { float:right; }
.buttons-set a { text-decoration: none; }
.buttons-set2 { clear:both; margin:5px 0 0; padding:5px; border:1px solid #ddd; text-align:right; }
/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:17px; font-size:10px; line-height:13px; background:url(../images/validation_advice_bg.gif) 2px 1px no-repeat; color:#ff6f00; }
.validation-failed { border:1px solid #e3a247 !important; background: #ffeacb !important; }
.validation-passed {}
.required { color:#f00; display: none; }
p.required { font-size:10px; text-align:right; }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }
/* Global Messages */
.success { color:#3d6611; font-weight:bold; }
.error { color:#f00; font-weight:bold; }
.notice { color:#ccc; }
.messages { width:100%; overflow:hidden; }
.messages li { margin:0 0 10px; }
.messages li li { margin:0 0 3px; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border: none !important; background-position:10px 10px !important; background-repeat:no-repeat !important; min-height:24px !important; padding:12px 8px 4px 32px !important; font-size:10px !important; font-weight:bold !important; }
* html .error-msg,
* html .success-msg,
* html .note-msg,
* html .notice-msg {
padding: 8px 8px 8px 32px !important;
}
.error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(/skin/frontend/default/default/images/error_msg_icon.gif); color:#df280a; }
.success-msg { border-color:#446423; background-color:#E4F3FC; background-image:url(/skin/frontend/default/default/images/success_msg_icon.gif); color:#3d6611; }
.note-msg,
.notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(/skin/frontend/default/default/images/note_msg_icon.gif); color:#3d6611; }
.error-msg ul,
.success-msg ul,
.note-msg ul,
.notice-msg ul {
margin-top: 0;
margin-bottom: 0;
}
/* Page Heading */
.page-title { padding:0 0 5px; margin:0 0 10px; }
.title-buttons { text-align:right; overflow: hidden; }
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }
/* Pager */
.pager { text-align:center; background: url(../images/divider.png) no-repeat center top; padding-top: 15px; margin-top: 10px; }
.pager .amount { float:left; }
.pager .limiter { float:right; }
.pager .pages ol { display:inline; margin: 0; }
.pager .pages li { display:inline; margin-bottom: 0; border-right: 1px solid #000000; padding-right: 1em; line-height: 12px; }
.pager .pages li.first { margin-left: 0; }
.pager .pages li.last { padding-right: 0; border-right: none; }
.pager .pages .current {}
/* Sorter */
.sorter { border:1px solid #ddd; padding:5px; margin:5px 0; }
.sorter .view-mode { float:left; }
.sorter .sort-by { float:right; }
.sorter .link-feed {}
/* Data Table */
.data-table { width:100%; }
.data-table th { padding:5px; font-weight:bold; white-space:nowrap; height: 30px; line-height: 30px; font-size: 1.1em; color: #2f89be; }
.data-table td { padding:5px; background: none; }
.data-table thead { background-color:#f2f2f2; }
.data-table tbody {}
.data-table tfoot {}
.data-table tfoot td { padding: 0; background: #FFFFFF;}
.data-table tr.first {}
.data-table tr.last {}
.data-table tr.odd {}
.data-table tr.even { /*background-color:#f6f6f6;*/ }
.data-table tbody.odd {}
.data-table tbody.odd td { border-width:0 1px; }
.data-table tbody.even { background-color:#f6f6f6; }
.data-table tbody.even td { border-width:0 1px; }
.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td { border-bottom-width:1px; }
.data-table thead tr th { background-color:#f2f2f2; border-top: 1px solid #C4CFDC; border-bottom: 1px solid #C4CFDC; }
/*.data-table thead tr th.first { border-left: 1px solid #C4CFDC; }
.data-table thead tr th.last { border-right: 1px solid #C4CFDC; }*/
.data-table tbody td { border-bottom: 1px solid #C4CFDC; }
.data-table tbody tr.only td,
.data-table tbody tr.last td {
border-bottom: none;
}
.data-table tbody td.last .cart-price { padding-right: 0; }
.data-table th .tax-flag { white-space:nowrap; font-weight:normal; }
.data-table td.label,
.data-table th.label { font-weight:bold; background-color:#f6f6f6; }
.data-table td.value {}
/* Tax Details Row */
tr.tax-total { cursor:pointer; }
tr.tax-total td {}
tr.tax-total .tax-collapse { float:right; text-align:right; padding-left:20px; background:url(/skin/frontend/default/default/images/bg_collapse.gif) 0 4px no-repeat; cursor:pointer; }
tr.show-details .tax-collapse { background-position:0 -53px; }
tr.show-details td {}
tr.tax-details td { background-color:#f6f6f6; }
tr.tax-details-first td {}
/* Shopping cart tax info */
.cart-tax-info,
.cart-price { padding-right:20px; }
.cart-tax-total { cursor:pointer; }
.cart-tax-total { padding-right:20px; background:url(/skin/frontend/default/default/images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; }
.cart-tax-total-expanded { background-position:100% -52px; }
/* Lists Decoration */
li.odd {}
li.even { background-color:#f6f6f6; }
dt.odd,
dd.odd {}
dt.even,
dd.even { background-color:#f6f6f6; }
/* Class: std - styles for admin-controlled content */
.std,
.std ul,
.std ol,
.std dl,
.std p,
.std address,
.std blockquote { margin:0 0 1em; padding:0; }
.std ul { list-style:disc outside; padding-left:1.5em; }
.std ol { list-style:decimal outside; padding-left:1.5em; }
.std ul ul { list-style-type:circle; }
.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul { margin:.5em 0; }
.std dt { font-weight:bold; }
.std dd { padding:0 0 0 1.5em; }
.std blockquote { font-style:italic; padding:0 0 0 1.5em; }
.std address { font-style:normal; }
.std b,
.std strong { font-weight:bold; }
.std i,
.std em { font-style:italic; }
/* ======================================================================================= */
/* Sidebar =============================================================================== */
.block { border:1px solid #ddd; margin:0 0 10px; }
.block .block-title { border-bottom:1px solid #ddd; padding:0 10px; }
.block .block-title h2 { font-size:16px; font-weight:bold; line-height:1.5; }
.block h3 { font-size:14px; line-height:1.5; }
.block .block-content { padding:10px; }
.block .actions { text-align:right; }
.block .actions a { float:left; }
/* Block: Account */
.block-account {}
/* Block: Currency Switcher */
.block-currency {}
.block-currency select { width:100%; border:1px solid #888; }
/* Block: Layered Navigation */
.block-layered-nav {}
.block-layered-nav dt { font-weight:bold; }
.block-layered-nav .currently {}
/* Block: Cart */
.block-cart {}
.block-cart .amount {}
.block-cart .subtotal { text-align:center; }
.mini-products-list li { padding:5px 0; }
.mini-products-list .product-image { float:left; width:50px; padding:5px; border:1px solid #ddd; margin-right:-75px; }
.mini-products-list .product-details { margin-left:75px; }
.mini-products-list .product-details h4 { font-size:1em; font-weight:bold; margin:0; }
.mini-products-list .product-details .btn-remove { float:right; }
/* Block: Wishlist */
.block-wishlist {}
/* Block: Related */
.block-related {}
.block-related li { padding:5px 0; }
.block-related input.checkbox { float:left; margin-right:-20px; }
.block-related .item { margin-left:20px; }
.block-related .item .product-image { float:left; margin-right:-65px; }
.block-related .item .product-details { margin-left:65px; }
/* Block: Compare Products */
.block-compare {}
.block-compare li { padding:5px 0; }
/* Block: Viewed */
.block-recent {}
/* Block: Poll */
.block-poll {}
.block-poll input.radio { float:left; margin:3px -18px 0 0; }
.block-poll .label { display:block; margin-left:18px; }
.block-poll .answer {}
.block-poll .votes { font-weight:bold; }
/* Block: Tags */
.block-tags ul,
.block-tags li { display:inline; }
/* Block: Subscribe */
.block-subscribe {}
/* Block: Reorder */
.block-reorder {}
.block-reorder li { padding:5px 0; }
.block-reorder input.checkbox { float:left; margin:3px -20px 0 0; }
.block-reorder .label { display:block; margin-left:20px; }
/* Block: Banner */
.block-banner {}
.block-banner .block-content { text-align:center; }
/* Block: Checkout Progress */
.block-progress {}
.block-progress dt { font-weight:bold; }
.block-progress dt.complete,
.block-progress dd.complete { background-color:#f6f6f6; }
/* ======================================================================================= */
/* Category Page ========================================================================= */
.category-title { border-bottom:1px solid #ddd; margin:0 0 10px; }
.category-image { display:block; margin:0 auto; }
.category-products {}
/* View Type: Grid */
.products-grid { width:100%; }
.products-grid tr.odd {}
.products-grid tr.even { background-color:#f6f6f6; }
.products-grid td { width:33%; border:1px solid #ddd; padding:5px; }
.products-grid td.empty {}
/* View Type: List */
.products-list li.item { border:1px solid #ddd; padding:5px; margin:0 0 5px; }
.products-list .product-image { float:left; }
.products-list .product-shop { float:right; width:320px; }
/* ======================================================================================= */
/* Product View ========================================================================== */
.product-view {}
.product-essential {}
.product-collateral {}
/* Product Images */
.product-view .product-img-box { float:left; width:280px; }
.product-view .product-img-box .product-image { border:1px solid #C4CFDC; width: 276px; height: 276px; }
.product-view .product-img-box .product-image-zoom { position:relative; width:278px; height:278px; overflow:hidden; z-index:9; }
.product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor:move; }
.product-view .product-img-box .zoom-notice { display: none; text-align:center; }
.product-view .product-img-box .zoom { position:relative; z-index:9; height:18px; margin:0 auto 13px; padding:0 28px; background:url(/skin/frontend/default/default/images/slider_bg.gif) 50% 50% no-repeat; cursor:pointer; }
.product-view .product-img-box .zoom #track { position:relative; height:18px; }
.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:-1px; width:9px; height:22px; background:url(/skin/frontend/default/default/images/magnifier_handle.gif) 0 0 no-repeat; }
.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:2px; top:0; }
.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:2px; top:0; }
.product-view .product-img-box .more-views { width: 280px; overflow: hidden; }
.product-view .product-img-box .more-views ul { margin: 0; width: 280px; overflow: hidden; }
.product-view .product-img-box .more-views li { float:left; padding:1px; border: 1px solid #c4cfdc; background-color:#ffffff; margin:0 4px 8px 0; }
.product-view .product-img-box .more-views a { display: block; width: 78px; height: 78px; }
.product-image-popup { margin:0 auto; }
.product-image-popup .nav { text-align:center; }
.product-image-popup .image { display:block; }
.product-image-popup .image-label {}
/* Product Shop */
.product-view .product-shop { float:right; width:330px; position: relative; }
.product-view .product-name {}
.product-view .short-description {}
/* Rating */
.ratings {}
.ratings .amount {}
.ratings .rating-links {}
.ratings dt {}
.ratings dd {}
.rating-box { width:69px; height:13px; font-size:0; line-height:0; background:url(/skin/frontend/default/default/images/bg_rating.gif) 0 0 repeat-x; position:relative; overflow:hidden; }
.rating-box .rating { position:absolute; top:0; left:0; height:13px; background:url(/skin/frontend/default/default/images/bg_rating.gif) 0 100% repeat-x; }
/* Availability */
.availability { /*width: 155px;*/overflow: hidden; /*position: absolute; top: 0; right: 0;*/ padding-bottom: 2px; }
.availability .in-stock { width: 70px; text-align: center; color:#000; background: #e9edf0; padding: 5px 0 5px 0; font-size: 0.6em; float: right; }
.availability .out-of-stock { width: 70px; text-align: center; color:#000; background: #e9edf0; padding: 5px 0 5px 0; font-size: 0.6em; float: right; }
.availability .enlarge-text .price-box { float: right; height: 22px; line-height: 22px; padding-left: 15px; }
.grid-column-2 .availability { width: 70px; }
.product-pricing { width: 70px; overflow: hidden; position: absolute; /*top: -8px;*/ top: 0; right: 0; background: #FFFFFF; z-index: 400; /* margin: -32px 0 0 0; */ padding: 0; text-align: right; font-weight: bold; }
.product-pricing li { margin: 0; padding: 0; }
.product-pricing .enlarge-text { margin-bottom: 0; }
.product-pricing .enlarge-text .price-box { width: 70px; /*float: left;*/ height: 22px; line-height: 22px; }
/********** < Product Prices */
.price { white-space:nowrap !important; }
.price-box {}
.price-box .price { font-weight:bold; }
.price-box-bundle {}
/* Regular price */
.regular-price {}
.regular-price .price { font-weight:bold; }
/* Old price */
.old-price {}
.old-price .price-label { white-space:nowrap; }
.old-price .price { font-weight:bold; text-decoration:line-through; }
/* Special price */
.special-price {}
.special-price .price-label { font-weight:bold; white-space:nowrap; }
.special-price .price { font-weight:bold; }
/* Minimal price (as low as) */
.minimal-price {}
.minimal-price .price-label { font-weight:bold; white-space:nowrap; }
a.minimal-price-link { display:block; }
a.minimal-price-link .label {}
a.minimal-price-link .price { font-weight:normal; }
/* Excluding tax */
.price-excluding-tax { display:block; }
.price-excluding-tax .label { white-space:nowrap; }
.price-excluding-tax .price { font-weight:normal; }
/* Including tax */
.price-including-tax { display:block; }
.price-including-tax .label { white-space:nowrap; }
.price-including-tax .price { font-weight:bold; }
/* Excl tax (for order tables) */
.price-excl-tax { display:block; }
.price-excl-tax .label { display:block; white-space:nowrap; }
.price-excl-tax .price { display:block; }
/* Incl tax (for order tables) */
.price-incl-tax { display:block; }
.price-incl-tax .label { display:block; white-space:nowrap; }
.price-incl-tax .price { display:block; font-weight:bold; }
/* Price range */
.price-from {}
.price-from .price-label { font-weight:bold; white-space:nowrap; }
.price-to {}
.price-to .price-label { font-weight:bold; white-space:nowrap; }
/* Price as configured */
.price-as-configured {}
.price-as-configured .price-label { font-weight:bold; white-space:nowrap; }
/* Price notice next to the options */
.price-notice { padding-left:10px; }
.price-notice .price { font-weight:bold; }
/********** Product Prices > */
/* Tier Prices */
.tier-prices .price { font-weight:bold; }
.tier-prices .benefit {}
/* Add to Links */
.add-to-links .separator { display:none; }
/* Add to Cart */
.button-field { margin-top: 5px; overflow: hidden; clear: both; }
.add-to-cart { margin-top: 5px; }
.add-to-cart label { float:left; margin-right:5px; }
.add-to-cart .qty { float:left; }
.add-to-cart button.button { margin-left:5px; }
.add-to-cart .cart-quanity { width: 100px; margin-left: 125px; float: left; overflow: hidden; margin-top: 4px; }
* html .add-to-cart .cart-quanity { margin-left: 60px; }
.add-to-cart .cart-quanity input,
.add-to-cart .cart-quanity label {
float: right;
clear: none;
} .add-to-cart .cart-quanity label {
padding: 0;
margin-left: 10px;
font-weight: bold;
} .add-to-cart .cart-quanity input {
border: 1px solid #3c95ca;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
/* Add to Links + Add to Cart */
.add-to-box { position: relative; overflow: hidden; clear: both; }
.add-to-box .add-to-cart { /*float:left;*/ }
.add-to-box .or { float:left; margin:0 10px; }
.add-to-box .add-to-links { float:left; }
/* Product Options */
.product-options { padding:10px; margin:10px 0 0; border:1px solid #ddd; background-color:#f6f6f6; }
.product-options dt label { font-weight:bold; }
.product-options dt .qty-holder { float:right; }
.product-options dt .qty-holder label { vertical-align:middle; }
.product-options dt .qty-disabled { background:none; border:0; padding:3px; color:#000; }
.product-options dd { margin:10px 0; }
.product-options dl.last dd.last {}
.product-options dd input.input-text { width:98%; }
.product-options dd textarea { width:98%; height:8em; }
.product-options dd select { width:100%; }
.product-options .options-list {}
.product-options .options-list input.radio { float:left; margin:3px -18px 0 0; }
.product-options .options-list input.checkbox { float:left; margin:3px -20px 0 0; }
.product-options .options-list .label { display:block; margin-left:20px; }
.product-options ul.validation-failed { padding:0 7px; }
.product-options p.required { padding:15px 0 0; }
.product-options-bottom { padding:10px; border:1px solid #ddd; border-top:0; }
.product-options-bottom .price-box { margin:10px 0; }
/* Grouped Product */
.grouped-items {}
/* Block: Description */
.product-view .description {}
/* Block: Additional */
.product-view .additional {}
/* Block: Upsell */
.product-view .up-sell {}
.product-view .up-sell .products-grid td { width:25%; }
/* Block: Tags */
.product-view .tags {}
.product-view .tags .form-add-tags label { float:left; }
.product-view .tags .form-add-tags .input-box { float:left; margin:0 5px; }
.product-view .tags .form-add-tags button.button { float:left; }
.product-view .tags .form-add-tags p { clear:both; }
/* Block: Reviews */
.product-view .reviews {}
/* Block: Add Review */
.product-view .add-review {}
.product-view .add-review .product-name span { font-weight:normal; }
/* ======================================================================================= */
/* Content Styles ================================================================= */
.product-name { font-size:1em; font-weight:bold; line-height:1.5; }
/* Product Tags */
.tags-list li { display:inline; }
/* Advanced Search */
.search-summary {}
/* CMS Home Page */
.cms-home .products-grid td { width:20%; }
/* Sitemap */
.sitemap {}
/* ======================================================================================= */
/* Product Review ======================================================================== */
.product-review {}
.product-review .product-img-box { float:left; width:140px; }
.product-review .product-img-box .product-image { display:block; border:1px solid #ddd; padding:1px; }
.product-review .details { float:right; width:570px; }
/* ======================================================================================= */
/* Shopping Cart ========================================================================= */
.cart .checkout-types { float:right; text-align:right; margin: 0; }
/* Shopping Cart Table */
.cart-table .item-msg { font-size:10px; }
/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { float:left; width:700px; }
.cart .crosssell .product-image { float:left; margin-right:-90px; }
.cart .crosssell .product-shop { margin-left:90px; }
.cart .shipping {}
/* Shopping Cart Totals */
.cart .totals { float:right; width: 265px; border: 2px solid #f5a342; background: #fbf1e1; font-size: 1.1em; }
.cart .totals .totals-wrapper { padding: 20px; }
.cart .totals table { width:100%; }
.cart .totals table th,
.cart .totals table td { padding:5px; background: none; border: 0; width: 50%; }
.cart .totals table th { font-weight:bold; text-align: right; }
.cart .totals .checkout-types { float: none; text-align: center; margin: 0; }
.cart .totals .graphic-checkout { text-indent: 0; font-size: 0; margin-left: 52px; }
.cart .totals .graphic-checkout span { display: none; }
/* Options Tool Tip */
.item-options dt { font-weight:bold; font-style:italic; }
.item-options dd { padding-left:10px; }
.truncated { cursor:help; }
.truncated a.dots { cursor:help; }
.truncated a.details { cursor:help; }
.truncated .truncated_full_value { position:relative; z-index:999; }
.truncated .truncated_full_value dl { position:absolute; top:-99999em; left:-99999em; z-index:999; width:250px; padding:8px; border:1px solid #ddd; background-color:#f6f6f6; }
.truncated .show dl { top:-20px; left:50%; }
.col-left .truncated .show dl { left:30px; top:7px; }
.col-right .truncated .show dl { left:-240px; top:7px; }
/* ======================================================================================= */
/* Checkout ============================================================================== */
/* One Page */
.col-main-wrapper .opc ul li { margin: 0; overflow: hidden; }
* html .col-main-wrapper .opc ul li { clear: both; }
.opc { position:relative; margin: 0; }
.opc ul { margin: 0; }
.opc li { list-style-type: none; margin: 0; padding-bottom: 10px; }
.opc li.no-display { padding: 0; }
.opc li.section { }
.opc .step-title { background-color:#e9edf0; text-align:right; overflow: hidden; height: 50px; line-height: 50px; }
.opc .step-title .number { float:left; line-height:50px; margin-right:5px; margin-left: 25px; font-size: 1.4em; color: #2f89be; }
.opc .step-title .title { float:left; font-size: 1.4em; color: #2f89be; }
.opc .allow .step-title { cursor:pointer; }
.opc .active {}
.opc .active .step-title { cursor:default; }
.opc .step { padding:10px; position:relative; }
.opc .step .tool-tip { right:10px; }
.opc .order-review {}
/* Multiple Addresses Checkout */
.checkout-progress { padding:0 50px; margin:10px 0; }
.checkout-progress li { float:left; width:20%; border-top:5px solid #ccc; text-align:center; color:#ccc; }
.checkout-progress li.active { border-top-color:#000; color:#000; }
.multiple-checkout { position:relative; }
.multiple-checkout .tool-tip { top:50%; margin-top:-120px; right:10px; }
.multiple-checkout .grand-total { font-size:1.5em; text-align:right; }
.multiple-checkout .grand-total big {}
.multiple-checkout .grand-total .price {}
/********** < Common Checkout Styles */
/* Shipping and Payment methods */
.sp-methods .form-list { padding-left:20px; }
.sp-methods select.month { width:150px; margin-right:10px; }
.sp-methods select.year { width:96px; }
.sp-methods input.cvv { width:3em !important; }
.please-wait,
.opc-please-wait { float:right; margin-right:5px; }
.cvv-what-is-this { cursor:help; margin-left:5px; }
/* Tooltip */
.tool-tip { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; position:absolute; z-index:9999; }
.tool-tip .btn-close { text-align:right; }
.tool-tip .tool-tip-content { padding:5px; }
/* Gift Messages */
.add-gift-message {}
.gift-message-form { border:1px solid #ddd; background-color:#f5f5f5; }
.gift-message-form .inner-box { padding:5px; height:300px; overflow:auto; }
.gift-message-form .gift-item {}
.gift-message-link { display:block; background:url(/skin/frontend/default/default/images/bg_collapse.gif) 0 4px no-repeat; padding-left:20px; }
.gift-message-link.expanded { background-position:0 -53px; }
.gift-message-row {}
.gift-message-row .btn-close { float:right; }
.gift-message dt strong { font-weight:bold; }
/* Checkout Agreements */
.checkout-agreements {}
.checkout-agreements li { margin:10px 0; }
.checkout-agreements .agreement-content { border:1px solid #ddd; background-color:#f6f6f6; padding:5px; height:10em; overflow:auto; }
.checkout-agreements .agree { padding:6px; }
/********** Common Checkout Styles > */
/* ======================================================================================= */
/* Login Page ============================================================================ */
.login-page {}
.login-page .content { }
/* ======================================================================================= */
/* My Account ============================================================================= */
/********** < Dashboard */
.dashboard {}
.dashboard .welcome-msg {}
/* Block: Recent Orders */
.dashboard .recent-orders { margin:10px 0; }
/* Block: Tags */
.dashboard .tags .number { float:left; margin-right:-20px; }
.dashboard .tags .details { margin-left:20px; }
/* Block: Reviews */
.dashboard .reviews {}
/********** Dashboard > */
/* Order View */
.order-info { border:1px solid #ddd; padding:5px; }
.order-info dt,
.order-info dd,
.order-info ul,
.order-info li { display:inline; }
.order-info dt { font-weight:bold; }
/* Print Pages */
.page-print .print-head {}
.page-print .print-head img { float:left; }
.page-print .print-head address { float:left; margin-left:15px; }
/* Price Rewrites */
.page-print .gift-message-link { display:none; }
.page-print .price-excl-tax,
.page-print .price-incl-tax { display:block; white-space:nowrap; }
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price { display:inline; }
/* ======================================================================================= */
/* Added Stuff */
.col-2.registered-users { margin-top: 10px; }
#checkout-step-login .col2-set { width: 614px; overflow: hidden; }
#checkout-step-login .col2-set .col-1 {
float: left;
width: 307px;
} #checkout-step-login .col2-set .col-2 {
float: left;
width: 297px;
margin-left: 10px;
}
#checkout-step-login .col2-set h4 {
height: 30px;
line-height: 30px;
font-size: 1.2em;
background: #e9edf0;
padding-left: 10px;
}
html { }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit; font-weight: inherit; }
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
/*because legend doesn't inherit in IE */
legend { color: #000; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select { *font-size: 100%; }
/* LAYOUT */
.iblock {
display: -moz-inline-stack;
display: inline-block;
vertical-align: top;
} * html .iblock {
display: inline;
zoom: 1;
} * + html .iblock {
display: inline;
zoom: 1;
}
/* FLOAT CLEARING */
.clearer {
display: block;
content: ".";
clear: both;
font-size: 0;
line-height: 0;
height: 0;
overflow: hidden;
}
.clearf {
overflow: auto;
width: auto
} * html .clearf {
width: 100%;
zoom: 1;
height: 1%;
} * + html .clearf {
width: 100%;
zoom: 1;
height: 1%;
}
/* Base */
strong {
font-weight: bold;
}
em {
font-style: italic;
font-weight: inherit;
}
p {
margin-bottom: 1.5em;
clear: none;
}
blockquote {
margin: 0 2em 1.5em 2em;
font-style: italic;
}
/* Links */
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
h1 a:hover, h1 a:focus,
h2 a:hover, h2 a:focus,
h3 a:hover, h3 a:focus,
h4 a:hover, h4 a:focus,
h5 a:hover, h5 a:focus,
h6 a:hover, h6 a:focus {
color: inherit;
text-decoration: none;
}
/* Standard Lists */
ul,
ol {
margin: 0 0 1.5em 1.5em;
padding: 0;
} ul ul,
ol ol {
margin-top: 1em;
margin-bottom: 1em;
}
ul li,
ol li {
margin: 0 0 .5em 1em;
padding: 0;
list-style-position: outside;
line-height: 1.3;
} ul li {
list-style-type: disc;
} ul li li {
list-style-type: circle;
} ol li {
list-style-type: decimal;
} ol li li {
list-style-type: decimal;
}
/* Base */
.menu,
.menu ul,
.menu li,
.menu a {
padding: 0;
margin: 0;
border: none;
display: block;
}
.menu,
.menu ul,
.menu li {
overflow: visible;
clear: none;
}
/* Eliminate extra white-space between li's when displayed inline */
.menu {
letter-spacing: -1em;
} .menu li {
letter-spacing: normal;
}
/*.menu,*/
.menu ul {
position: relative;
}
.menu li {
list-style: none;
list-style-image: none;
list-style-type: none;
}
.menu a,
.menu a:hover {
text-decoration: none;
}
/* HORIZONTAL - BLOCK ITEMS, SPRITE BG */
.menu-hblock,
.menu-hblock .menu {
z-index: 500;
}
.menu-hblock .menu li.top-level {
float: left;
z-index: 525;
}
.menu-hblock .menu a.top-level {
position: relative;
z-index: 550;
text-indent: -999em;
}
/* DROPDOWN MENU */
.menu-hblock .menu ul {
position: absolute;
height: auto;
} .menu-hblock .menu li.has-sub:hover > ul,
.menu-hblock .menu li.has-sub:focus > ul {
display: block;
} .menu-hblock .menu ul,
.js-enabled .menu-hblock .menu li.has-sub:hover ul,
.js-enabled .menu-hblock .menu li.has-sub:focus ul {
display: none;
}
.menu-hblock .menu ul li,
.menu-hblock .menu ul li a {
height: auto;
}
.menu-hblock .menu ul li {
position: relative;
} * html .menu-hblock .menu ul li {
zoom: 1;
}
/* VERTICAL - BLOCK ITEMS, SPRITE BG */
.menu-vblock .menu a.top-level {
position: relative;
text-indent: -999em;
}
/* VERTICAL - BLOCK ITEMS, SPRITE BG */
.menu-ablock .menu a.top-level {
position: relative;
text-indent: -999em;
}
/* DROPDOWN MENU */
.menu-ablock .menu ul {
position: absolute;
height: auto;
} .menu-ablock .menu li.has-sub:hover > ul,
.menu-ablock .menu li.has-sub:focus > ul {
display: block;
} .menu-ablock .menu ul,
.js-enabled .menu-ablock .menu li.has-sub:hover ul,
.js-enabled .menu-ablock .menu li.has-sub:focus ul {
display: none;
}
.menu-ablock .menu ul li,
.menu-ablock .menu ul li a {
height: auto;
}
.menu-ablock .menu ul li {
position: relative;
} * html .menu-ablock .menu ul li {
zoom: 1;
}
/* PLAIN TEXT MENU */
.menu-plain .menu li,
.menu-plain .menu li a {
display: inline;
}
/* Buttons */
/* Graphic */
.graphic-button,
.wd-form .wf-button {
border: none;
padding: 0;
text-indent: -999em;
margin: 0;
width: 78px;
display: block;
background: url(global/../../images/sprite-buttons.png) no-repeat 0 0;
height: 29px;
} * html a.graphic-button,
* html .wd-form a.wf-button,
* html input.graphic-button,
* html .wd-form input.wf-button {
padding-top: 29px
} * + html a.graphic-button,
* + html .wd-form a.wf-button,
* + html input.graphic-button,
* + html .wd-form input.wf-button {
padding-top: 29px
}
.graphic-button.hover,
.wd-form .wf-form-control .ui-state-hover {
border: none;
background: url(global/../../images/sprite-buttons.png) no-repeat -150px 0;
}
/* Inline */
.buttons-set button.graphic-inline,
button.graphic-inline,
input.graphic-inline,
a.graphic-inline,
.button-field .graphic-inline {
float: right;
margin-left: 10px;
padding-top: 0;
}
/* Inline */
.buttons-set button.graphic-inline-left,
button.graphic-inline-left,
input.graphic-inline-left,
a.graphic-inline-left,
.button-field .graphic-inline-left {
float: left;
margin-right: 10px;
padding-top: 0;
}
/* PREDEFINES */
/* WD SUBMIT */
.wd-form .wf-button {
background-position: 0 -300px;
} .wd-form .wf-form-control .ui-state-hover {
background-position: -150px -300px;
}
/* SUBMIT */
.graphic-submit {
background-position: 0 -300px;
} .graphic-submit.hover {
background-position: -150px -300px;
}
/* MINI LOGIN */
.graphic-mini-login {
width: 55px;
background-position: 0 -200px;
} .graphic-mini-login.hover {
background-position: -150px -200px;
}
/* LOGIN */
.graphic-login {
width: 60px;
background-position: 0 -750px;
} .graphic-login.hover {
background-position: -150px -750px;
}
/* CONTINUE */
.graphic-continue {
width: 85px;
background-position: 0 -700px;
} .graphic-continue.hover {
background-position: -150px -700px;
}
/* CREATE AN ACCOUNT */
.graphic-create-an-account {
width: 148px;
background-position: 0 -850px;
} .graphic-create-an-account.hover {
background-position: -150px -850px;
}
/* SUBMIT */
.graphic-submit {
width: 78px;
background-position: 0 -300px;
} .graphic-submit.hover {
background-position: -150px -300px;
}
/* CONTINUE SHOPPING */
.graphic-continue-shopping {
width: 134px;
background-position: 0 -550px;
} .graphic-continue-shopping.hover {
background-position: -150px -550px;
}
/* UPDATE SHOPPING CART */
.graphic-update-shopping-cart {
width: 150px;
background-position: 0 -600px;
} .graphic-update-shopping-cart.hover {
background-position: -150px -600px;
}
/* SAVE */
.graphic-save {
width: 61px;
background-position: 0 -800px;
} .graphic-save.hover {
background-position: -150px -800px;
}
/* SHARE WISHLIST */
.graphic-share-wishlist {
width: 113px;
background-position: 0 -1000px;
} .graphic-share-wishlist.hover {
background-position: -150px -1000px;
}
/* ADD ALL TO CART */
.graphic-add-all-to-cart {
width: 117px;
background-position: 0 -1050px;
} .graphic-add-all-to-cart.hover {
background-position: -150px -1050px;
}
/* UPDATE WISHLIST */
.graphic-update-wishlist {
width: 120px;
background-position: 0 -950px;
} .graphic-update-wishlist.hover {
background-position: -150px -950px;
}
/* CHECKOUT */
.graphic-checkout {
width: 135px;
background-position: 0 -650px;
} .graphic-checkout.hover {
background-position: -150px -650px;
}
/* MORE INFO */
.graphic-more-info {
width: 71px;
background-position: 0 -350px;
} .graphic-more-info.hover {
background-position: -150px -350px;
}
/* ADD TO WISHLIST */
.graphic-add-to-wishlist {
width: 113px;
background-position: 0 -400px;
} .graphic-add-to-wishlist.hover {
background-position: -150px -400px;
}
/* ADD TO CART */
.graphic-add-to-cart {
width: 90px;
background-position: 0 -500px;
} .graphic-add-to-cart.hover {
background-position: -150px -500px;
}
/* EMAIL A FRIEND */
.graphic-email-a-friend {
width: 103px;
background-position: 0 -450px;
} .graphic-email-a-friend.hover {
background-position: -150px -450px;
}
/* SEND EMAIL */
.graphic-send-email {
width: 96px;
background-position: 0 -1150px;
} .graphic-send-email.hover {
background-position: -150px -1150px;
}
/* ADD RECIPIENT */
.graphic-add-recipient {
width: 111px;
background-position: 0 -1100px;
} .graphic-add-recipient.hover {
background-position: -150px -1100px;
}
/* ADD RECIPIENT */
.graphic-review {
width: 102px;
background-position: 0 -1200px;
} .graphic-review.hover {
background-position: -150px -1200px;
}
/* Brochure */
.graphic-brochure {
height: 32px;
width: 133px;
background-position: 0 -1300px;
} .graphic-brochure.hover {
background-position: -150px -1300px;
}
/* Enquire About Product */
.graphic-enquire-about-product {
height: 32px;
width: 133px;
background-position: 0 -1250px;
} .graphic-enquire-about-product.hover {
background-position: -150px -1250px;
}
/* BASE */
body {
background: url(template/../../images/background-top.jpg) no-repeat center -39px;
}
/* TEMPLATE CONTAINER */
#container {
} .container {
background: url(template/../../images/background-bottom.jpg) no-repeat center bottom;
overflow: hidden;
} .container-wrapper {
margin: 0px auto;
min-height: 700px;
width: 980px;
_height: 700px;
} .container-inner-wrapper {
padding: 0 45px 0 45px;
}
/* OPT HEADING */
.opt-heading {
background: url(template/../../images/sprite-slices.png) ;
height: 39px;
} .opt-heading .opt-heading-wrapper {
margin: 0px auto;
width: 980px;
background: url(template/../../images/sprite-layout.png) ;
height: 39px;
}
/* HEADER */
.header {
z-index: 500;
margin: 0 auto;
width: 960px;
} .header-wrapper {
z-index: 500;
position: relative;
margin: 0 35px;
}
/* MENU MAIN */
#main-menu {
position: absolute;
width: 635px;
bottom: 0;
right: 0;
}
* html #main-menu {
right: 35px;
}
.main-menu {
z-index: 500;
width: 635px;
height: 38px;
}
/* MAIN */
.col-main {
width: 635px;
float: right;
} .col-main-wrapper {
background: url(template/../../images/divider.png) center 26px no-repeat;
} .cms-home .col-main-wrapper {
background: none;
}
/* LEFT */
.col-left {
width: 255px;
float: left;
} .col-left-wrapper {
margin-right: 35px;
}
/* RIGHT */
.col-right {
display: none;
}
/* FOOTER */
.footer {
background: url(template/../../images/sprite-slices.png) left -49px;
height: 287px;
} .footer .footer-wrapper {
position: relative;
margin: 0px auto;
width: 980px;
background: url(template/../../images/sprite-layout.png) no-repeat left -49px;
padding-top: 55px;
height: 232px;
}
#latest-news {
display: none;
}
/* BASE */
.box {
width: 220px;
margin-bottom: 1.5em;
}
.box h6 {
height: 36px;
margin: 0;
text-indent: -9000em;
}
.box-body {
padding: 10px;
background: url(template/../../images/box-body.png) bottom center no-repeat;
}
/* Side panel 1 */
#mini-login h6 {
background: url(template/../../images/sprite-random.png) 0 -250px no-repeat;
}
#latest-news h6 {
background: url(template/../../images/sprite-random.png) 0 -300px no-repeat;
}
#my-account h6 {
background: url(template/../../images/sprite-random.png) 0 -350px no-repeat;
}
/* Base */
body {
font-size: 75%;
line-height: 1.5;
font-family: Verdana, Helvetica, sans-serif;
color: #414141;
}
/* Headings */
h1 {
text-align: right;
text-transform: uppercase;
font-size: 0.8em;
line-height: 1.8;
margin-bottom: .6em;
font-family: Verdana, Helvetica, sans-serif;
color: #393838;
}
h2 {
font-size: 2em;
line-height: 1.2;
margin-bottom: .6em;
font-family: Verdana, Helvetica, sans-serif;
color: #2082b6;
}
h3 {
font-size: 1.3em;
line-height: 1.2;
margin-bottom: .6em;
font-family: Verdana, Helvetica, sans-serif;
color: #045a97;
}
h4 {
font-size: 1em;
line-height: 1.2;
margin-bottom: .5em;
font-family: Verdana, Helvetica, sans-serif;
color: #2f89be;
}
h5 {
font-size: 1.1em;
line-height: 1.2;
margin-bottom: .5em;
font-family: Verdana, Helvetica, sans-serif;
color: #045a97;
font-weight: bold;
}
h6 {
font-size: 1em;
line-height: 1.2;
margin-bottom: .3em;
font-family: Verdana, Helvetica, sans-serif;
color: #045a97;
font-weight: bold;
}
/* Links */
a {
color: #ff9600;
text-decoration: underline;
} a:hover,
a:focus {
color: #ff9600;
text-decoration: underline;
} a:visited,
a:active {
color: #ff9600;
}
/* Lists */
li {
line-height: 1.3;
}
li.sub{
text-indent: 20px;
}
/* Tables */
table {
margin-bottom: 1.5em;
} th {
padding: 3px 3px 3px 4px;
font-weight: bold;
text-align: left;
background-color: #f3f3f3;
border-bottom: 1px solid #fff;
} td {
padding: 3px 3px 3px 4px;
background-color: #fbfbfb;
border-bottom: 1px solid #fff;
}
.cms-conversion-tables-html .data-table,
.cms-conversion-tables-html .data-table th{
text-align: center;
}
/* Images */
.content-panel img {
border: 1px solid #333;
} img.left {
float: left;
margin: 0 10px 10px 0;
} img.right {
float: right;
margin: 0 0 10px 10px;
}
/* === Region-based/zonal base styles === */
/* Footer */
.footer {
font-size: .85em;
line-height: 1.5;
color: #d7d7d7;
}
.footer a {
color: #bcd0f9;
text-decoration: none;
} .footer a:hover {
color: #dce4f3;
}
/* Header */
.header .site-identity {
}
/* Side Panel */
/* Footer */
.footer .site-identity {
}
.enlarge-text { font-size: 1.2em; }
div.spacer {
width: 635px;
height: 29px;
margin-top: 15px;
background: url(template/../../images/divider.png) no-repeat top center;
}
/* ===== FORM OVERWRITES ===== */
/* Remove Round Corners */
.ui-corner-all {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
/* Form Background */
.wf-form {
background: url(form/../../images/slice-form.png) 208px center no-repeat;
}
/* Left side form padding */
.wd-form .wf-layout-horizontal .wf-label,
.wd-form .wf-form-control .button-layout-align-buttons-to-label .button-position-secondary {
width: 196px;
padding-right: 40px;
}
/* Form field widths */
.wd-form .wf-text-dynamic-width {
width: 250px;
} .wd-form .wf-field-textarea {
width: 300px;
}
/* Remove field effects and styles */
.ui-state-default,
.ui-widget-content .ui-state-default,
.wd-form .ui-state-hover {
color: #707070;
background: none;
background-color: #FFFFFF;
border: 1px solid #8ba1ba;
font-weight: normal;
}
.wd-form .wf-field-text,
.wd-form .wf-field-dropdown,
.wd-form .wf-field-textarea {
padding: 5px;
font-size: 1.3em;
}
.wd-form .wf-layout-horizontal .wf-label {
color: #2f89be;
font-size: 1.3em;
line-height: 32px;
font-family: Arial, Helvetica, Sans-serif;
width:200px;
}
/* Errors */
.wd-form .ui-state-error-state .wf-field-dropdown,
.wd-form .ui-state-error-state .wf-field-textarea,
.wd-form .ui-state-error-state .wf-field-text {
background-color: #ffeacb;
border: 1px solid #e3a247;
}
/* ===== Validation Overwrites ===== */
.wd-form .wf-error-message {
font-weight: normal;
} .wd-form .wf-error-message.validation-advice {
clear: both;
min-height: 13px;
margin: 3px 0 0;
font-size: 10px;
line-height: 13px;
color: #ff6f00;
background: none;
padding-left: 0;
} .wd-form .wf-error-message.validation-advice p {
padding-left: 15px;
background: url(form/../../images/validation_advice_bg.gif) 2px 1px no-repeat;
}
.wd-form .wf-error-message.validation-failed {
color: #373737;
border: 1px dashed #f00 !important;
background: #faebe7 !important;
}
.wd-form .wf-error-message.validation-passed { }
.wd-form .wf-layout-horizontal .wf-error-message.validation-advice {
padding-left: 238px;
width: 400px;
}
.wf-form .wf-fieldset {
border: none;
margin-bottom: 0;
} .wd-form .wf-fieldset legend span {
display: none;
}
#mini-login form {
width: 165px;
margin: 0 auto;
}
#mini-login .input-text {
width: 155px;
color: #707070;
border: 1px solid #8ba1ba;
padding: 3px;
}
#mini-login div.actions {
overflow: hidden;
margin: 0;
}
#mini-login div.actions {
font-size: 0.9em;
width: 100px;
float: left;
}
#mini-login div.actions a {
float : left;
}
.wholesale-account-create form .group-select .input-box label {
float: left;
width: 200px;
margin-right: 20px;
}
.wholesale-account-create form .group-select .input-box {
clear: left;
width: 100%;
}
.wholesale-account-create form .input-box input,
.wholesale-account-create form .input-box textarea {
float: left;
}
.wholesale-account-create form .input-box input[type="radio"] {
width: auto;
}
.wholesale-account-create form #have_system_label_1,
.wholesale-account-create form #have_system_label_2 {
width: auto;
clear: none;
}
#mini-login input[type="submit"] {
margin: 6px 0px 0px 0px;
}
#wholesale-register .input-box {
overflow: hidden;
margin-bottom: 10px;
}
#wholesale-register {
margin-bottom: 20px;
}
#wholesale-register ul {
margin: 0px;
}
#wholesale-register #have_filter {
margin: 4px 0px 0px 0px;
}
#wholesale-register .submit-form {
clear: both;
}
#wholesale-register .submit-form button {
position: relative;
left: 415px;
}
#wholesale-register .required {
display: block;
float: left;
margin-right: 5px;
}
/* OPT HEADING */
.opt-heading h1 {
padding: 3px 10px 0 0;
color: #b5e1ed;
font-size: 0.9em;
}
.product-options-bottom .price-box{
text-align:right;
}
.product-options-bottom .cart-quanity{
width:350px;
}
/* HEADER */
/* === SEARCH FORM === */
.header #search_mini_form {
position: absolute;
width: 200px;
top: 20px;
right: 0px;
} * html .header #search_mini_form {
right: 35px;
}
.header #search_mini_form .text {
width: 107px;
background: url(content/../../images/sprite-random.png) no-repeat 0px -50px;
float: left;
height: 27px
}
.header #search_mini_form #search {
padding: 5px 5px 5px 5px;
width: 97px;
height: 17px;
color: #707070;
border: none;
background: none;
} * + html .header #search_mini_form #search {
width: 85px;
}
.header #search_mini_form button {
padding: 0;
}
/* === CART MENU === */
.header #top-cart {
position: absolute;
left: 255px;
top: 20px;
width: 362px;
}
.header #top-cart ul {
margin: 0;
height: 27px;
line-height: 27px;
background: url(content/../../images/top-cart.png) no-repeat;
overflow: hidden;
width: 362px;
} .header #top-cart ul li {
display: block;
float: left;
height: 27px;
line-height: 27px;
margin: 0;
text-align: center;
list-style-type: none;
border-right: 1px solid #3c95ca;
} .header #top-cart ul li.last {
padding-right: 0;
border-right: none;
background: url(content/../../images/top-cart.png) no-repeat right;
}
.header #top-cart ul li#item-1 { width: 114px; }
.header #top-cart ul li#item-2 { width: 142px; }
.header #top-cart ul li#item-3 { width: 104px; }
.header #top-cart ul li a {
color: #06386d;
text-decoration: none;
}
.header #top-cart .top-cart-icon {
display: inline;
width: 17px;
height: 17px;
background: url(content/../../images/sprite-random.png) 0 0 no-repeat;
}
/* LEFT */
.col-left .cards {
margin: 15px 0 15px 0;
}
.col-left #latest-news a {
text-decoration: none;
}
.col-left #latest-news p.item {
margin: 0;
}
.col-left #my-account ul {
margin-bottom: 0;
} .col-left #my-account ul li {
list-style-type: none;
}
/* FOOTER */
.footer-columns {
width: 890px;
margin: 0 auto;
padding-top: 10px;
color: #FFFFFF;
overflow: hidden;
} .footer-columns .footer-column-1 {
float: left;
width: 152px;
height: 107px;
background: url(content/../../images/logo-footer.png) no-repeat;
} .footer-columns .footer-column-2 {
float: left;
width: 190px;
} .footer-columns .footer-column-3 {
float: left;
width: 196px;
height: 145px;
background: url(content/../../images/slice-footer.png) top left no-repeat;
} .footer-columns .footer-column-4 {
float: left;
width: 176px;
height: 145px;
background: url(content/../../images/slice-footer.png) top left no-repeat;
} .footer-columns .footer-column-5 {
float: left;
width: 176px;
height: 145px;
background: url(content/../../images/slice-footer.png) top left no-repeat;
}
.footer-columns .column-content {
padding-left: 10px;
} .footer-columns .column-content ul.sub-level {
padding-left: 15px;
}
.footer-columns ul a,
.footer-columns ul a:visited {
color: #FFFFFF;
}
.footer-columns .footer-column-2 .address {
padding-left: 10px;
}
* html .footer-columns ul.menu li {
zoom: 1;
line-height: 1.1em;
}
/* MAIN */
/* === GLOBAL === */
/* === LI === */
.col-main-wrapper ul {
margin-left: 0;
} .col-main-wrapper ul li {
margin: 0 0 4px 0;
list-style-type: none;
}
.col-main-wrapper ul.graphic-list {
margin-left: 0;
} .col-main-wrapper ul.graphic-list li {
margin: 0 0 4px 0;
background: url(content/../../images/bullet.png) 0 3px no-repeat;
padding-left: 20px;
}
/* === HOME PAGE === */
.intro {
position: relative;
height: 231px;
} .intro ul.jtools-tabs {
height: 231px;
} .intro .jtools-tab-content img {
width: 635px;
height: 231px;
}
.intro .slideshow-previous,
.intro .slideshow-next {
z-index: 400;
display: block;
position: absolute;
bottom: 5px;
width: 27px;
height: 30px;
text-indent: -9000em;
}
.intro .slideshow-previous {
right: 35px;
background: url(content/../../images/sprite-random.png) 0 -150px no-repeat;
} .intro .slideshow-next {
right: 5px;
background: url(content/../../images/sprite-random.png) 0 -100px no-repeat;
}
.cta-home {
position: relative;
width: 635px;
height: 159px;
margin-top: 15px;
background: url(content/../../images/cta/home.png) no-repeat;
}
.cta-home a {
display: block;
position: absolute;
text-indent: -9000em;
top: 19px;
height: 30px;
width: 80px;
}
.cta-home .cta-home-1 {
left: 117px;
background: url(content/../../images/sprite-buttons.png) 0 -50px no-repeat;
} .cta-home .cta-home-1:hover {
background: url(content/../../images/sprite-buttons.png) -150px -50px no-repeat;
}
.cta-home .cta-home-2 {
left: 336px;
background: url(content/../../images/sprite-buttons.png) 0 -100px no-repeat;
} .cta-home .cta-home-2:hover {
background: url(content/../../images/sprite-buttons.png) -150px -100px no-repeat;
}
.cta-home .cta-home-3 {
right: 0px;
background: url(content/../../images/sprite-buttons.png) 0 -150px no-repeat;
} .cta-home .cta-home-3:hover {
background: url(content/../../images/sprite-buttons.png) -150px -150px no-repeat;
}
/* === CONTACT US === */
#contact-details {
padding: 20px;
color: #045a97;
background-color: #e9edf0;
overflow: hidden;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.2em;
margin-bottom: 20px;
} * html #contact-details {
zoom: 1;
padding-bottom: 0;
}
#contact-details .contact-col-1,
#contact-details .contact-col-2,
#contact-details .contact-col-3 {
width: 212px;
float: left;
} #contact-details .contact-col-3 {
width: 170px;
}
#contact-details p {
margin: 0;
}
#wd-container-contact__SKU {
display: none;
}
/* === CATEGORY PAGE === */
.grid-columns {
width: 635px;
overflow: hidden;
margin-bottom: 15px;
padding-top: 15px;
background: url(content/../../images/divider.png) no-repeat center top;
} .grid-columns.first {
background: none;
padding-top: 0;
} .grid-columns.last {
margin-bottom: 0;
}
.grid-columns .grid-column-container {
float: left;
width: 317px;
overflow: hidden;
vertical-align: top;
background: none;
border: none;
}
.grid-columns .grid-column-container .grid-column-1 {
float: left;
width: 160px;
} .grid-columns .grid-column-container .grid-column-2 {
float: left;
width: 145px;
}
.grid-columns a.product-image {
display: block;
width: 150px;
height: 150px;
border: 1px solid #c4cfdc;
}
.grid-columns .grid-column-2 .price-box {
margin-bottom: 10px;
}
/* === RELATED PRODUCTS === */
.block-related .grid-columns {
background: none;
}
.block-related {
margin-top: 20px;
padding-top: 20px;
background: url(content/../../images/divider.png) top center no-repeat ;
}
/* === CHECKOUT === */
#shopping-cart-totals-table .last {
text-align: left;
padding-left: 25px;
}
* html #advice-required-entry-securepay_expiration,
* html #advice-required-entry-securepay_expiration_yr,
* html #advice-required-entry-securepay_cc_cid {
display: none;
}
/* === SITEMAP === */
.sitemap-table {
margin-top: 15px;
width: 635px;
} .sitemap-table td {
background: #FFFFFF;
} .sitemap-table td.first {
width: 316px;
} .sitemap-table td.last {
width: 315px;
}
.sitemap-table .sitemap-h5 {
margin: 6px 0 0 0;
}
.sitemap-table .sitemap-h5 a {
color: #045A97;
}
.sitemap-table ul {
margin: 5px 0;
}
/* === CTA'S === */
span.cta-left{
background: url(/skin/frontend/default/aquasafe/images/cta-left.png) no-repeat;
width: 4px;
height: 29px;
display:block;
float:left;
}
a.cta-middle{
background: url(/skin/frontend/default/aquasafe/images/cta-middle.png) repeat-x;
height: 24px;
display:block;
float:left;
padding:5px 20px 0 20px;
color:white;
text-decoration:none;
}
span.cta-right{
background: url(/skin/frontend/default/aquasafe/images/cta-right.png) no-repeat;
width: 4px;
height: 29px;
display:block;
float:left;
}
/* orange version */
div.cta-landing-purchase a.cta-middle-orange {
position:absolute !important;
top:178px;
left:473px;
background: url(/skin/frontend/default/aquasafe/images/purchase-now.png) no-repeat;
width:126px;
height:28px;
text-indent:-9999px;
}
div.cta-landing-purchase a.cta-middle-orange:hover {
background-position:0px -28px;
}
.cta-centered{
width: 364px;
text-align: center;
height: 50px;
margin-left: 140px;
text-align: center;
}
/* == PRODUCT DESCRIPTION == */
ul.product_list li{
list-style:disc outside none;
}
ul.static_list li{
background: url("/skin/frontend/default/aquasafe/images/bullet.png") no-repeat scroll 0 3px transparent;
margin: 0 0 4px;
padding-left: 20px;
}
/**
*
* Microformats for marking up contact details and other addresses.
*
* See hCard documentation: http://microformats.org/wiki/hcard
*
*/
address.vcard {
}
/* top Level */
.main-menu,
.main-menu ul.menu,
.main-menu li.top-level,
.main-menu li.top-level a.top-level {
height: 38px;
}
.main-menu ul.menu {
width: 100%;
}
.main-menu ul.menu li {
background: none;
}
.main-menu ul li a.top-level {
background: url(menu/../../images/sprite-menus.png) no-repeat left top;
}
.main-menu #item1 a.top-level {
width: 82px;
background-position: 0px 0px;
} .main-menu #item1.active a.top-level,
.main-menu #item1 a.top-level:hover,
.main-menu #item1 a.top-level:focus,
.main-menu #item1.over a.top-level {
background-position: 0px -38px;
} .main-menu #item2 a.top-level {
width: 87px;
background-position: -82px 0px;
} .main-menu #item2.active a.top-level,
.main-menu #item2 a.top-level:hover,
.main-menu #item2 a.top-level:focus,
.main-menu #item2.over a.top-level {
background-position: -82px -38px;
} .main-menu #item3 a.top-level {
width: 157px;
background-position: -169px 0px;
} .main-menu #item3.active a.top-level,
.main-menu #item3 a.top-level:hover,
.main-menu #item3 a.top-level:focus,
.main-menu #item3.over a.top-level {
background-position: -169px -38px;
} .main-menu #item4 a.top-level {
width: 135px;
background-position: -326px 0px;
} .main-menu #item4.active a.top-level,
.main-menu #item4 a.top-level:hover,
.main-menu #item4 a.top-level:focus,
.main-menu #item4.over a.top-level {
background-position: -326px -38px;
} .main-menu #item5 a.top-level {
width: 83px;
background-position: -461px 0px;
} .main-menu #item5.active a.top-level,
.main-menu #item5 a.top-level:hover,
.main-menu #item5 a.top-level:focus,
.main-menu #item5.over a.top-level {
background-position: -461px -38px;
} .main-menu #item6 a.top-level {
width: 91px;
background-position: -544px 0px;
} .main-menu #item6.active a.top-level,
.main-menu #item6 a.top-level:hover,
.main-menu #item6 a.top-level:focus,
.main-menu #item6.over a.top-level {
background-position: -544px -38px;
}
/* Sub Level */
.main-menu ul.menu ul {
width: 230px;
background: #2299c2 url(menu/../../images/sprite-slices.png) left -346px repeat-x;
} .main-menu ul.menu ul ul {
left: 230px;
top: 0;
}
.main-menu ul.menu ul li {
letter-spacing: normal;
border-bottom: #4babce 1px solid;
}
.main-menu ul.menu ul li.last,
.main-menu ul.menu ul li.only {
border-bottom: none;
}
.main-menu ul.menu ul li a {
height: 32px;
line-height: 32px;
padding-left: 10px;
font-size: 1em;
color: #ffffff;
}
.main-menu ul.menu ul li.has-sub a.arrow {
background: transparent url(menu/../../images/menu-arrow.gif) 210px center no-repeat;
} .main-menu ul.menu ul li.over a.arrow,
.main-menu ul.menu ul li.active a.arrow,
.main-menu ul.menu ul li a.arrow:hover,
.main-menu ul.menu ul li a.arrow:focus,
.main-menu ul.menu ul li a.arrow:active {
background: #0d83c0 url(menu/../../images/menu-arrow.gif) 210px center no-repeat !important;
}
.main-menu ul.menu ul a,
.main-menu ul.menu ul a:link,
.main-menu ul.menu ul a:visited,
.main-menu ul.menu ul li.active li a,
.main-menu ul.menu ul li.active li a:visited,
.main-menu ul.menu ul li.over li a,
.main-menu ul.menu ul li.over li a:visited {
color: #FFFFFF;
background: none;
} .main-menu ul.menu ul a:hover,
.main-menu ul.menu ul a:focus,
.main-menu ul.menu ul a:active,
.main-menu ul.menu ul li.over a,
.main-menu ul.menu ul li.over a:visited,
.main-menu ul.menu ul li.over li.over a,
.main-menu ul.menu ul li.over li.over a:visited,
.main-menu ul.menu ul li.active a,
.main-menu ul.menu ul li.active a:visited,
.main-menu ul.menu ul li.active li.active a,
.main-menu ul.menu ul li.active li.active a:visited {
background: #0d83c0;
}
/* Landing Page Meny */
ul.landing-page-menu {
margin:0px;
padding:0px;
}
.landing-page-menu li{
list-style:none;
float:left;
margin:0px;
padding:0px;
text-indent:-9999px;
}
.landing-page-menu li.item1 a {
background: url(menu/../../images/sprite-landing-menus.jpg) no-repeat left top;
background-position:0px 0px;
width:87px;height:38px;
padding:0px; margin:0px;
display:block;
}
.landing-page-menu li.item1 a:hover {background-position:0px -38px; }
.landing-page-menu li.item2 a {
background: url(menu/../../images/sprite-landing-menus.jpg) no-repeat left top;
background-position:-87px 0px;
width:105px;height:38px;
padding:0px; margin:0px;
display:block;
}
.landing-page-menu li.item2 a:hover { background-position:-87px -38px; }
.landing-page-menu li.item3 a {
background: url(menu/../../images/sprite-landing-menus.jpg) no-repeat left top;
background-position:-192px 0px;
width:125px;height:38px;
padding:0px; margin:0px;
display:block;
}
.landing-page-menu li.item3 a:hover {background-position:-192px -38px;}
.landing-page-menu li.item4 a {
background: url(menu/../../images/sprite-landing-menus.jpg) no-repeat left top;
background-position:-317px 0px;
width:112px;height:38px;
padding:0px; margin:0px;
display:block;
}
.landing-page-menu li.item4 a:hover { background-position:-317px -38px; }
.landing-page-menu li.item5 a {
background: url(menu/../../images/sprite-landing-menus.jpg) no-repeat left top;
background-position:-429px 0px;
width:103px;height:38px;
padding:0px; margin:0px;
display:block;
}
.landing-page-menu li.item5 a:hover { background-position:-429px -38px; }
.landing-page-menu li.item6 a {
background: url(menu/../../images/sprite-landing-menus.jpg) no-repeat left top;
background-position:-532px 0px;
width:103px;height:38px;
padding:0px; margin:0px;
display:block;
}
.landing-page-menu li.item6 a:hover { background-position:-532px -38px; }
.landing-page-menu li.item7 a {
background: url(menu/../../images/sprite-landing-menus.jpg) no-repeat left top;
background-position:-545px 0px;
width:92px;height:38px;
padding:0px; margin:0px;
display:block;
}
.landing-page-menu li.item7 a:hover { background-position:-545px -38px; }
.blue-arrow {
background:url(menu/../../images/blueArrow.jpg) no-repeat left top;
padding-left:30px;
}
.accordian {
clear:left;
margin-bottom:10px;
}
.accordian-margin {
margin-bottom:20px;
}
.heading-toggle-open-h1 { cursor:pointer; }
.heading-toggle-open-h2 { cursor:pointer; }
.heading-toggle-open-h3 { cursor:pointer; }
.heading-toggle-open-h4 { cursor:pointer; }
.menu#category-menu,
.menu#category-menu ul,
.menu#category-menu li,
.menu#category-menu a {
position: relative;
}
#category-menu li a,
#category-menu li a img {
overflow: hidden;
}
#category-menu li.current-section ul {
display: block;
}
#category-menu li a.top-level {
text-indent: -9000px;
height: 39px;
overflow: hidden;
}
#category-menu li {
border-top: #c4e0f0 1px solid;
} #category-menu li.last {
border-bottom: #c4e0f0 1px solid;
} #category-menu li.sub-level {
background: #2299c2;
border-top: #fefefe 1px solid;
} #category-menu li.sub-level.first {
background: url(menu/../../images/sprite-slices.png) repeat-x 0px -346px;
border-top: #c4e0f0 1px solid;
} #category-menu li.last.sub-level {
border-bottom: none;
}
#category-menu ul.sub-level {
position: relative;
zoom: 1;
} #category-menu li.sub-level a {
line-height: 30px;
padding-left: 10px;
height: 30px;
color: #ffffff;
}
#category-menu li.sub-level a:hover {
background: #0d83c0;
} #category-menu li.current a {
background: #0d83c0;
}
#category-menu li.residential-and-home a.top-level { background: url(menu/../../images/sprite-categories.png) no-repeat 0px 0px; }
#category-menu li.commercial-and-office a.top-level { background: url(menu/../../images/sprite-categories.png) no-repeat 0px -50px; }
#category-menu li.food-and-beverage a.top-level { background: url(menu/../../images/sprite-categories.png) no-repeat 0px -100px; }
#category-menu li.coolers-and-boilers a.top-level { background: url(menu/../../images/sprite-categories.png) no-repeat 0px -150px; }
#category-menu li.pools-and-spas a.top-level { background: url(menu/../../images/sprite-categories.png) no-repeat 0px -200px; }
#category-menu li.poolsticks a.top-level { background: url(menu/../../images/sprite-categories.png) no-repeat 0px -200px; }
#category-menu li.sub-level li.sub-level.first {
background: none;
} #category-menu li.sub-level li.sub-level {
height: 30px;
line-height: 30px;
padding-left: 20px;
}
#left-links .menu,
#left-links .menu ul,
#left-links .menu li,
#left-links .menu a {
position: relative;
}
#left-links {
margin-top: 12px;
height: 95px;
}
#left-links ul.menu {
width: 100%;
height: 29px;
} #left-links ul.menu li a.top-level {
border: none;
background: url(menu/menu/../../images/random.png) no-repeat left top;
height: 29px;
}
#left-links ul.menu li#left-menu-1 a.top-level { width: 200px; background-position: 0px -44px; }
#left-links ul.menu li#left-menu-2 a.top-level { width: 200px; background-position: 0px -73px; }
#left-links ul.menu li#left-menu-3 a.top-level { width: 200px; background-position: 0px -102px; }
.footer-menu {
position: absolute;
bottom: 0;
/*left: 153px;*/
/*width: 673px;*/
left: 146px;
width: 720px;
} .footer-menu ul.menu {
margin: 0;
}
.footer-menu ul.menu li {
margin: 0;
padding: 0;
text-align: center;
height: 30px;
line-height: 30px;
float: left;
background: url(menu/../../images/footer-slice.png) center center;
}
.footer-menu ul.menu li.first {
background: url(menu/../../images/footer-slice.png) left center;
} .footer-menu ul.menu li.last {
background: url(menu/../../images/footer-slice.png) right center;
}
.footer-menu ul.menu li#footer-item1 {
width: 113px;
} .footer-menu ul.menu li#footer-item2 {
width: 60px;
} .footer-menu ul.menu li#footer-item3 {
width: 50px;
} .footer-menu ul.menu li#footer-item4 {
width: 86px;
} .footer-menu ul.menu li#footer-item5 {
width: 140px;
} .footer-menu ul.menu li#footer-item6 {
width: 90px;
} .footer-menu ul.menu li#footer-item7 {
width: 135px;
} .footer-menu ul.menu li#footer-item8 {
width: 95px;
}
.footer-menu ul.menu li a,
.footer-menu ul.menu li div {
color: #FFFFFF;
background: url(menu/../../images/footer-notch.png) center right no-repeat;
} .footer-menu ul.menu li.last a {
background: none;
}
.cms-home .breadcrumbs {
display: none;
}
.breadcrumbs {
display: block;
font-size: .9em;
height: 26px;
line-height: 26px;
color: #000000;
margin-bottom: 15px;
} * html .breadcrumbs {
padding-top: 5px;
} * + html .breadcrumbs {
padding-top: 5px;
}
.breadcrumbs ul {
margin: 0;
} .breadcrumbs ul li {
margin: 0 3px 0 3px;
list-style-type: none;
display: inline;
background: none;
padding: 0;
}
.breadcrumbs ul li .breadcrumb-spacer {
width: 14px;
height: 14px;
background: url(module/../../images/sprite-random.png) no-repeat 0 -200px;
margin-top: 3px;
}
.breadcrumbs a,
.breadcrumbs a:visited {
color: #f59523;
} .breadcrumbs a:hover {
color: #333333;
}
/* === The overlay element === */
div.jtools-overlay-overlay {
display: none;
z-index: 3500;
width: 550px;
padding: 8px;
margin: 0;
left: 0;
top: 0;
background-color: #E9E9E9;
border:1px solid #D3D3D3;
} * html div.jtools-overlay-overlay {
left: 40%;
}
/* === Container for additional decor elements above the overlay === */
div.jtools-overlay-overlay .jtools-overlay-wrapper {
position: absolute;
display: none;
width: 556px;
height: 336px;
top: 0;
left: 0px;
z-index: 3650px;
overflow: visible;
background: transparent url(module/../../images/portfolio-viewer-overlay-full.png) 0 0 no-repeat;
box-shadow: 0 0 50px #000;
-moz-box-shadow: 0 0 50px #000;
-webkit-box-shadow: 0 0 50px #000;
}
/* === The actual image we're displaying === */
div.jtools-overlay-overlay #jtools-overlay-full-image {
display: block;
position: absolute;
left: 0;
top: 3px;
border: none;
margin: 0;
width: 550px;
height: 330px;
}
/* === Overlay gallery controls === */
div.jtools-overlay-overlay .jtools-overlay-previous,
div.jtools-overlay-overlay .jtools-overlay-next {
position: absolute;
top: 3px;
width: 270px;
height: 330px;
z-index: 3550;
cursor: pointer;
} div.jtools-overlay-overlay .jtools-overlay-previous {
left: 0;
} div.jtools-overlay-overlay .jtools-overlay-next {
right: 0;
} div.jtools-overlay-overlay .jtools-overlay-next span,
div.jtools-overlay-overlay .jtools-overlay-previous span {
display: block;
position: absolute;
width: 37px;
height: 122px;
top: 50%;
margin-top: -61px;
text-indent: -999em;
z-index: 3550;
} div.jtools-overlay-overlay .jtools-overlay-previous span {
left: 0;
} div.jtools-overlay-overlay .jtools-overlay-next span {
right: 0;
} /*div.jtools-overlay-overlay .jtools-overlay-next:hover span,*/
div.jtools-overlay-overlay .jtools-overlay-next.over span {
background: url(module/../../images/overlay-sprite.png) 0 -74px no-repeat;
} /*div.jtools-overlay-overlay .jtools-overlay-previous:hover span,*/
div.jtools-overlay-overlay .jtools-overlay-previous.over span {
background: url(module/../../images/overlay-sprite.png) -37px -74px no-repeat;
}
/* === Info === */
div.jtools-overlay-overlay .jtools-overlay-info {
position: absolute;
bottom: -25px;
left: 0;
height: 20px;
color: #ffffff;
line-height: 1.2;
font-size: .9em;
} div.jtools-overlay-overlay .jtools-overlay-info .jtools-overlay-ititle {
font-weight: bold;
} div.jtools-overlay-overlay .jtools-overlay-info .jtools-overlay-isubtitle {
}
/* === Close === */
div.jtools-overlay-overlay .jtools-overlay-close {
display: block;
position: absolute;
right: 0;
bottom: -35px;
z-index: 3550;
width: 95px;
height: 28px;
text-indent: -999em;
background: url(module/../../images/overlay-sprite.png) 0 -37px no-repeat;
} div.jtools-overlay-overlay .jtools-overlay-close:hover,
div.jtools-overlay-overlay .jtools-overlay-close.over {
background-position: 0 -9px;
cursor: pointer;
}
/* === Progress indicator === */
div.jtools-overlay-overlay .jtools-overlay-progress {
display: none;
}
/* === ADDITIONAL DECORATIONS === */
div.jtools-overlay-overlay .jtools-overlay-content {
height: 220px;
}
/* OVERLAY OVERWRITES */
div.jtools-overlay-overlay {
width: 440px;
background: #FFFFFF;
padding: 0;
border: none;
}
div.jtools-overlay-overlay .jtools-overlay-wrapper {
width: 446px;
height: 274px;
z-index: 3650;
}
div.jtools-overlay-overlay .jtools-overlay-content {
height:220px;
}
div.jtools-overlay-overlay .jtools-overlay-close {
/* background: url(module/../../images/cta-calculate-close.png) no-repeat; */
bottom: -35px;
right: 0px;
} div.jtools-overlay-overlay .jtools-overlay-close:hover {
/* background-position: 0 0; */
}
.jtools-overlay-content-header {
padding-left: 40px;
margin: 10px;
background-color: #2299c2;
background: url(module/../../images/calculator-header-back.png) no-repeat;
} .jtools-overlay-content-header h6 {
font-family:Arial, Helvetica, sans-serif;
height: 53px;
line-height: 65px;
font-size: 1.4em;
color: #FFF;
text-indent: -5000px;
}
.jtools-overlay-content-response {
height: 30px;
line-height: 30px;
font-size: 0.8em;
text-align: center;
color: #ffffff;
background: #045A97;
margin: 0 10px;
}
.jtools-overlay-content-form {
padding: 20px 0 20px 40px;
}
.water-calculator {
width: 100%;
} .water-calculator td {
background-color: #FFFFFF;
border: none;
padding: 0;
padding-bottom: 19px;
} .water-calculator .col1 {
width: 125px;
}
.water-calculator div.input {
background: url(module/../../images/form-calculator/input.png) no-repeat;
} .water-calculator input.textfield {
color: #000000;
padding: 11px;
width: 194px;
background: none;
border: 1px solid #045A97;
}
.water-calculator .calculate-now {
width: 110px;
height: 30px;
background: url(module/../../images/form-calculator/button.png) 0 0 no-repeat;
border: none;
text-indent: -9000em;
cursor: pointer;
margin-left: 108px;
} * html .water-calculator .calculate-now {
padding-top: 30px;
text-indent: 0;
} * + html .water-calculator .calculate-now {
padding-top: 30px;
text-indent: 0;
}
ul.jtools-tabs,
ul.jtools-tabs li.jtools-tab-content {
padding: 0;
margin: 0;
display: block;
border: none;
list-style: none;
list-style-image: none;
list-style-type: none;
z-index: 1;
}
ul.jtools-tabs {
position: relative;
width: 100%;
height: 150px;
}
ul.jtools-tabs li.jtools-tab-content {
display: none;
position: absolute;
top: 0;
left: 0;
}
div.jtools-tab-controls {
}
/* ===== Accordion CSS ===== */
.accordion {
cursor:pointer;
}
.accordion-heading {
cursor: pointer;
background-color: #F3F3F3;
border: 1px solid #DEDEDE;
color: #616161;
margin-bottom: 10px;
overflow: hidden;
position: relative;
} .accordion-heading h4 {
padding: 5px 8px 5px 8px;
} .accordion-heading .accordion-toggle {
position: absolute;
right: 8px;
top: 3px;
font-weight: bold;
font-size: 1.2em;
} * html .accordion-heading .accordion-toggle {
right: 20px;
}
.accordion-panel {
display: none;
} .accordion-panel.accordion-active {
display: block;
}