/* ===== 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;
}
}
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%; }
.iblock { display: -moz-inline-stack; display: inline-block; vertical-align: top; }
.clearer { display: block; content: "."; clear: both; font-size: 0; line-height: 0; height: 0; overflow: hidden; }
.clearf { overflow: auto; width: auto; }
/* IE Compat */
* html .iblock { display: inline; zoom: 1; }
* + html .iblock { display: inline; zoom: 1; }
* 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,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { 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; }
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 {
list-style: none;
list-style-image: none;
list-style-type: none;
overflow: visible;
}
.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;
}
.menu-hblock .menu a.top-level {
text-indent: -999em;
}
/* VERTICAL - BLOCK ITEMS, SPRITE BG */
.menu-vblock .menu li.top-level {
}
.menu-vblock .menu a.top-level {
text-indent: -999em;
}
/* PLAIN TEXT MENU */
.menu-plain .menu li {
display: inline;
padding-left: 5px;
padding-right: 5px;
}
.menu-plain .menu li a {
display: inline;
}
/* DROPDOWN MENU */
.menu .top-level {
z-index: 500;
}
.menu ul.sub-level {
display: none;
position: absolute;
height: auto;
}
.menu li.sub-level,
.menu a.sub-level {
height: auto;
}
/* Base */
html { }
body { background: #ffffff url(template/../../images/background.png) ; }
/* Body Wrapper */
#body-wrapper { background: url(template/../../images/seo-slice.png) left top repeat-x; }
/* TEMPLATE CONTAINER */
#t-container { width: 960px; margin: 0 auto; padding-bottom: 30px; }
.t-container-wrapper { }
.t-content-container { background: url(template/../../images/container.png) left top no-repeat; }
* html .t-content-container { background: url(template/../../images/container-ie.png) left top no-repeat; }
.t-content-container .t-content { padding: 30px; overflow: hidden; }
/* HEADER */
.t-header { height: 100px; z-index: 500; position: relative; }
/* MENU MAIN */
.main-menu { height: 35px; width: 594px; z-index: 500; position: absolute; right: 0; bottom: 0px; }
/* MAIN */
.t-main { width: 700px; float: left; }
.t-main-wrapper { padding: 10px; }
/* LEFT */
.t-left { width: 200px; float: left; }
.t-left-wrapper { padding: 8px 0 8px 0; }
/* FOOTER */
.t-footer {
height: 185px;
background: url(template/../../images/container.png) left bottom no-repeat;
} .t-footer .t-footer-wrapper {
padding: 70px 40px 0 40px;
}
/* OPT LINKS */
.t-opt-links-wrapper {
margin: 10px 10px 30px 10px;
}
/* FLOATERS */
.free-one { }
.free-two { }
.free-three { }
/* Base */
.box { margin-bottom: 1.5em; }
.box h6 { }
.box-body { }
.box-icon { display: none; }
/* Side panel 1 */
/* Base */
body {
font-size: 75%;
line-height: 1.5;
font-family: Verdana, Helvetica, sans-serif;
color: #414141;
}
hr {
width:100% !important;
}
/* Headings */
h1 {
font-size: 0.8em;
line-height: 1.8;
font-family: Verdana, Helvetica, sans-serif;
color: #393838;
text-transform: uppercase;
text-align: right;
}
h2 {
font-size: 2em;
line-height: 1.1;
margin-bottom: .6em;
font-family: Verdana, Helvetica, sans-serif;
color: #2e0059;
}
h3 {
font-size: 1.2em;
line-height: 1.1;
margin-bottom: .6em;
font-family: Verdana, Helvetica, sans-serif;
color: #2e0059;
text-transform: uppercase;
}
h4 {
font-size: 1.2em;
line-height: 1.1;
font-weight: bold;
margin-bottom: .2em;
font-family: Verdana, Helvetica, sans-serif;
color: #333333;
}
h5 {
font-size: 1.1em;
line-height: 1.2;
margin-bottom: .5em;
font-family: Verdana, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
}
h6 {
font-size: 1em;
line-height: 1.2;
margin-bottom: .3em;
font-family: Verdana, Helvetica, sans-serif;
color: #333333;
font-weight: bold;
}
/* Links */
a {
color: #392e90;
text-decoration: underline;
} a:visited {
color: #6a6590;
}
/* Lists */
li {
line-height: 1.3;
}
/* 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;
}
/* Images */
.content-panel img {
} img.left {
float: left;
margin: 0 10px 10px 0;
} img.right {
float: right;
margin: 0 0 10px 10px;
}
.cta-left{
float:left;
}
/* Region-based/zonal base styles */
/* Footer */
.t-footer {
font-size: 0.8em;
line-height: 1.5;
color: #6d6d6d;
}
.t-footer a {
color: #8564ba;
text-decoration: none;
} .t-footer a:hover {
color: #8564ba;
}
.sitemap-h5 {
font-size: 1.2em;
line-height: 1.1;
margin-bottom: .6em;
font-family: Verdana, Helvetica, sans-serif;
color: #3C1A69;
text-transform: uppercase;
font-weight:normal;
}
.sitemap-h5 a:active {
text-decoration: underline;
}
/* Header */
.t-header #logo-header {
width: 327px;
height: 51px;
position: absolute;
bottom: 20px;
left: 0;
}
.t-header #logo-experience {
width: 322px;
height: 12px;
position: absolute;
right: 0;
bottom: 40px;
}
/* Accordian */
#toggle-text {
font-size:11px;
border:1px solid #d5dade;
}
#show-hide-text1,
#show-hide-text2,
#show-hide-text3,
#show-hide-text4,
#show-hide-text5 {
padding:5px;
border:1px solid #DAC3F2;
background-color:#F2EEF6;
margin:0 0 5px 1px;
color:#4d4d4d;
}
#heading-toggle-open1,
#heading-toggle-open2,
#heading-toggle-open3,
#heading-toggle-open4,
#heading-toggle-open5 {
cursor:pointer;
}
/**
* 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 { width:820px; margin:0 auto; padding: 80px 0 80px 0; }
.page { text-align:left; border: 1px solid #e5e5e5; }
.page-print { background:#fff; padding:20px; text-align:left; }
.page-popup { padding:20px; text-align:left; }
/* Base Columns */
.col-left { float:left; width:0; }
.col-main { float:left; width:680px; }
.col-right { float:right; width:185px; display: none; }
/* 1 Column Layout */
.col1-layout .col-main { float:none; width:auto; }
/* 2 Columns Layout */
.col2-left-layout .col-main { float:right; }
.col2-right-layout .col-main { }
/* 3 Columns Layout */
.col3-layout .col-main { width:484px; margin-left:15px; }
/* Content Columns */
.col2-set { overflow: hidden; }
.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .narrow { width:33%; }
.col2-set .wide { width:65%; }
.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }
.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */
/* Global Styles ========================================================================= */
/* Form Elements */
input,select,textarea,button { vertical-align:middle; color:#666; }
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:1.5em !important; text-align: center; }
/*button::-moz-focus-inner { padding:0; border:0; }*/
button.button { overflow:visible; width:auto; background:#2E0059; border:1px solid #9B6FC4; cursor:pointer; /*-webkit-border-fit:lines;*/ }
button.button span { display:block; margin:0; padding:0 8px 0; font: .9em/1.5 Arial; text-transform: uppercase; text-align:center; white-space:nowrap; color:#9B6FC4; }
button.disabled {}
button.disabled span {}
/* 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 {}*/
/* Form lists */
.form-list li { margin:0 0 5px; list-style-type: none; }
.form-list label { font-weight:bold; }
.form-list .input-box { width:98%; }
.form-list input.input-text,
.form-list textarea { width:95%; }
.form-list select { width:95%; }
.form-list li.add-row { border-top:1px solid #ddd; margin-top:10px; }
.group-select { margin: 0; }
.group-select ul { list-style-type: none; margin: 0; }
.group-select li { margin:0; list-style-type: none; }
.group-select .input-box { float: left; width:329px; }
.group-select input.input-text,
.group-select textarea {width:665px; }
.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-top:1px solid #ddd; }
.buttons-set .back-link { float:left; }
.buttons-set button.button { margin-left: 10px; float:right; }
.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; color: #E10606; background:url(magento/../../images/validation_advice_bg.gif) 2px 1px no-repeat; }
.validation-advice p { }
.validation-failed { background: #FFE3E3 !important; color: #830000; }
.validation-passed {}
.required { color:#f00; }
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 { overflow:hidden; margin: 0 0 1.5em 0; /*background: url(magento/../../images/messages.png); border: 1px solid #E4DA9E;*/ background: url(../../../default/cerrone/images/background.png) ; border: 1px solid #895DBB;}
.messages li { margin:0; list-style-type: none; }
.messages li ul { }
.messages li ul li { margin:0 0 3px; list-style-type: none; }
.messages li:last-child { margin-bottom:0; }
.error-msg,
.success-msg,
.note-msg,
.notice-msg { border: none !important; min-height:24px !important; padding: 8px !important; font-weight:bold !important; }
.error-msg { color:#FFFFFF; }
.success-msg { color:#FFFFFF; }
.note-msg,
.notice-msg { color:#FFFFFF; }
/* BreadCrumbs */
.breadcrumbs { margin:0 0 1.5em 0; }
.breadcrumbs .bcseparator { padding: 0 .3em 0 .3em; }
.breadcrumbs li { display:inline; }
/* Page Heading */
.page-title { }
.page-title h2 { margin-bottom: 0; }
.title-buttons { text-align:right; padding-bottom: .8em; }
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 { float:left; }
/* Pager */
.pager.first { margin: 0 0 10px 0; }
.pager.last { margin: 10px 0 0 0; }
.pager { position: relative; width: 400px; height: 24px; line-height: 24px; text-align:center; }
.results .pager { width: 100%; }
.pager .amount { float:left; }
.pager .limiter { float:right; }
.pager .pages { background: url(magento/../../images/pager.png) 0 -60px repeat-x; width: 400px; }
.results .pages { width: 100%; }
.pager .pages ol { margin: 0; padding: 0; list-style-type: none; }
.pager .pages li { margin: 0; padding: 0; width: 27px; height: 24px; line-height: 24px; font-weight: bold; }
.pager .pages li.current { background: url(magento/../../images/pager.png) 0 -90px no-repeat; color: #bb78ff; }
.pager .pages .first { position: absolute; left: 0px; top: 0; width: 27px; text-indent: -9000em; background: url(magento/../../images/pager.png) no-repeat; margin: 0; }
.pager .pages a.first { background-position: 0 -0px; }
.pager .pages span.first { background-position: -54px -0px; }
.pager .pages a.first:hover { background-position: -27px -0px; }
.pager .pages .last { position: absolute; right: 0px; top: 0; width: 27px; text-indent: -9000em; background: url(magento/../../images/pager.png) no-repeat; margin: 0; }
.pager .pages a.last { background-position: 0 -30px; }
.pager .pages span.last { background-position: -54px -30px; }
.pager .pages a.last:hover { background-position: -27px -30px; }
.pager .pages li a { font-size: 1em; color: #e6cdff; display: block; text-decoration: none; font-weight: bold; }
.pager .pages li a:hover { background: url(magento/../../images/pager.png) 0 -90px no-repeat; color: #bb78ff; }
/* 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; border:1px solid #ddd; font-weight:bold; white-space:nowrap; }
.data-table td { padding:5px; border:1px solid #ddd; }
.data-table thead { background-color:#f2f2f2; }
.data-table tbody {}
.data-table tfoot {}
.data-table tr.first {}
.data-table tr.last {}
.data-table tr.odd {}
.data-table tr.even { }
.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 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(magento/../../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(magento/../../images/bg_collapse.gif) 100% 4px no-repeat; cursor:pointer; }
.cart-tax-total-expanded { background-position:100% -52px; }
.header-right { width: 420px; float: right; text-transform: uppercase; font-size: 1.1em; text-align: right; }
.header-right ul.menu a { padding:0; margin:0; }
.cart-mini { }
#shopping-cart-table { margin-bottom: 0; }
#shopping-cart-table .information {
display: none;
}
.cart-label { padding-right: .6em; }
.cart-items { padding-right: .6em; }
.cart-total { padding-right: .6em; }
.cart-checkout { }
/* 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 { margin:0; }
.block .block-title { border-bottom:1px solid #ddd; padding-bottom:1em; margin-bottom:2em; }
.block .block-title h2 { margin-bottom: 0; /*font-size:1.2em; line-height: 1.2em; font-weight:bold; line-height:1.5;*/ }
.block h3 { font-size:14px; line-height:1.5; }
.block .block-content { padding:0; }
.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 dd { margin-bottom: .8em; }
.block-progress dt.complete,
.block-progress dd.complete { }
.block-progress address { line-height: 1.4em; }
/* ======================================================================================= */
/* Category Page ========================================================================= */
.category-title { margin: 0 0 1.5em 0; }
.category-title h2 { margin: 0; }
.category-image { display:block; margin:0 auto; }
.category-products {}
/* View Type: Grid */
.products-grid {}
.products-grid tr.odd {}
.products-grid tr.even {}
.products-grid td {}
.products-grid td.empty {}
/* List layout */
.listing-type-grid { padding-top: 1em; }
.listing-type-grid ol.grid-row { margin-bottom: 1.5em; }
.listing-type-grid ol.grid-row li.item { width: 24.9%; min-height: 180px; _height: 180px; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; text-align: center; vertical-align: top; }
.listing-type-grid ol.grid-row li.item.category-item { min-height: 70px; _height: 70px; }
.listing-type-grid ol.grid-row li.item .item-wrapper { padding: 0 .8em 0 .8em; }
.listing-type-grid ol.grid-row li.item img:hover { opacity: .4; }
* html .listing-type-grid ol.grid-row li.item img:hover { filter: alpha(opacity=40); }
.listing-type-grid ol.grid-row .product-item h5 { line-height: 1.3; font-weight: normal; }
.listing-type-grid ol.grid-row p.description { color: #afa294; line-height: 1.3; margin-bottom: 0; }
/* 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:270px; }
.product-view .product-img-box .product-image { border:1px solid #ddd; margin:0; }
.product-view .product-img-box .product-image-zoom { position:relative; width:267px; height:270px;/*265px;*/ overflow:hidden; z-index:9; }
.product-view .product-img-box .product-image-zoom img { position:absolute; left:0; top:0; cursor: pointer; }
.product-view .product-img-box .zoom-notice { margin-top: 5px; text-align: center; }
.product-view .product-img-box .zoom-notice a { text-decoration: none; font-size:0.8em; font-weight:normal; text-transform:uppercase; }
.product-view .product-img-box .zoom { position:relative; z-index:9; height:20px; margin:0 auto 0; padding:0 26px; cursor: pointer; }
.product-view .product-img-box .zoom #track { position:relative; height:20px; background:url(magento/../../images/zoomer.png) 0 -60px no-repeat; }
.product-view .product-img-box .zoom #handle { position:absolute; left:0; top:3px; width:24px; height:14px; background:url(magento/../../images/zoomer.png) 0 -90px no-repeat; }
.product-view .product-img-box .zoom #handle.hover { background-position: -26px -90px; }
.product-view .product-img-box .zoom .btn-zoom-out { position:absolute; left:0; top:0; text-indent: -9000em; background: url(magento/../../images/zoomer.png) 0 0 no-repeat; width: 26px; height: 20px; display: block; }
.product-view .product-img-box .zoom .btn-zoom-out:hover { background-position: -26px 0; }
.product-view .product-img-box .zoom .btn-zoom-in { position:absolute; right:0; top:0; text-indent: -9000em; background: url(magento/../../images/zoomer.png) 0 -30px no-repeat; width: 26px; height: 20px; display: block; }
.product-view .product-img-box .zoom .btn-zoom-in:hover { background-position: -26px -30px; }
.product-view .product-img-box .more-views { overflow: hidden; margin-bottom: 10px; }
.product-view .product-img-box .more-views ul { margin-left:-5px; }
.product-view .product-img-box .more-views li { list-style-type: none; float:left; }
.product-view .product-img-box .more-views li a { border: 1px solid #DDDDDD; padding:1px; height: 48px; width: 48px; display: block; }
.product-view .product-img-box .more-views li a:hover { border: 1px solid #B1B1B1; }
.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:470px; }
.product-view .product-name { margin-bottom: 0; }
.product-view .product-name h2 { margin-bottom: 0; }
.product-view .short-description { padding-bottom: 1em; margin-bottom: 1em; border-bottom: 1px solid #ddd; }
/* 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(magento/../../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(magento/../../images/bg_rating.gif) 0 100% repeat-x; }
/* Availability */
.availability { color: #999; }
.availability .in-stock { font-weight:bold; }
.availability .out-of-stock { font-weight:bold; color:#f00; }
.product-shop .add-to-links { float: left; width: 300px; }
/********** < Product Prices */
.price { white-space:nowrap !important; }
.price-box { float: left; width: 90px; }
.price-box .price { font-weight:bold; }
.price-box-bundle {}
/* Regular price */
.regular-price {}
.regular-price .price { }
/* 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 */
.add-to-cart label { float:left; margin-right:5px; }
.add-to-cart .qty { float:left; text-align: center; }
.add-to-cart button.button { }
/* Add to Links + Add to Cart */
.add-to-box {}
.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 { }
.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:0 0 6px 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:4px 0 0; margin-bottom: 0; }
.product-options-bottom { }
.product-options-bottom .price-box { margin:0; }
.product-options-bottom .add-to-cart { margin:0; }
/* Grouped Product */
.grouped-items {}
/* Block: Description */
.product-view .description {
font-size: 0.9em;
color: #747373;
}
/* Block: Additional */
.product-view .additional { display: none; }
/* 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 0 10px 0; }
.cart .checkout-types li { list-style-type: none; margin: 0; }
/* Shopping Cart Table */
.cart-table .item-msg { font-size:10px; }
/* Shopping Cart Collateral boxes */
.cart .cart-collaterals { float:none; text-align: right; }
.cart .crosssell .product-image { float:left; margin-right:-90px; }
.cart .crosssell .product-shop { margin-left:90px; }
.cart .discount { margin-bottom: 15px; }
.cart .discount h3 { display: none; }
.cart .discount button { margin-top: 10px; }
/* Shopping Cart Totals */
.cart .totals { float:none; }
.cart .totals table { width:100%; margin-bottom: 1em; margin-top: 10px; }
.cart .totals table th,
.cart .totals table td { text-align: right; padding:2px 5px; background: #FFFFFF; }
.cart .totals table th { font-weight:bold; }
/* 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 */
.opc { border-bottom:1px solid #ddd; margin: 0; position:relative; }
.opc li.section { border:1px solid #d7d7d7; border-bottom:0; margin: 0; list-style-type: none; }
.opc .step-title { background-color:#f6f6f6; padding:.4em; text-align:right; overflow: hidden; }
.opc .step-title .number { float:left; font: 1.3em/1.5 Arial; margin-right:7px; color: #a7a7a7; }
.opc .step-title h4 { float:left; font: 1.3em/1.5 Arial; font-weight: normal; color: #a7a7a7; clear: none; margin: 0; }
.opc .allow .step-title { cursor:pointer; background-color: #e3e3e3; color: #878787; }
.opc .allow .step-title h4 { color: #878787; }
.opc .active { overflow: hidden; }
.opc .active .step-title { background-color:#999; cursor:default; color: #fff; }
.opc .active .step-title .number { color: #d7d7d7; }
.opc .active .step-title h4 { color: #fff; }
.opc .step { border-top:1px solid #ddd; padding:10px; position:relative; }
.opc .step .tool-tip { right:10px; }
.opc .order-review {}
.opc .step-title,
.opc .step {
zoom: 1;
}
/* 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 { 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(magento/../../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 { min-height:150px; }
/* ======================================================================================= */
/* 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; }
/* ======================================================================================= */
/* Footer ================================================================================ */
.footer-container { text-align: left; margin-top: 10px; }
.footer { }
.footer p { }
.footer address { display: block; float: left; width: 200px; padding-top: 2px; text-transform: uppercase; color:#907756; font-size: .9em; }
/* .footer ul { float:left; padding:0 20px 0 0; } */
/* ======================================================================================= */
.opt-heading h1 {
font-size: 11px;
color:#cbc2b8;
text-align:right;
margin-bottom:3px;
font-weight:normal;
}
.customer-account-edit .group-select li,
.customer-address-form .group-select li { overflow: hidden; zoom: 1; }
/* Base */
.wd-form { margin: 1em auto; padding: 0; }
.wd-form,
.wd-form .wf-label { font-family: Arial, Helvetica, Sans-Serif; line-height: 1.3; }
/* Common: Fieldsets, Labels, Field Containers & Form Control */
.wd-form .wf-fieldset,
.wd-form .wf-form-control .button-layout-align-buttons-to-label { background-color: transparent; padding: 10px 5px 5px 5px; margin: 0 0 15px 0; }
.wd-form .wf-field-container,
.wd-form .wf-form-control { padding: 5px 0; margin-bottom: 4px; }
.wd-form .wf-instructions-post,
.wd-form .wf-layout-horizontal .wf-field,
.wd-form .wf-layout-horizontal .wf-navigation-buttons { float: left; width: 300px; }
.wd-form .wf-form-control .button-layout-align-buttons-to-label .button-position-secondary,
.wd-form .wf-layout-horizontal .wf-label { width: 230px; padding-right: 10px; }
/* Fieldsets */
.wd-form .wf-fieldset { width: auto; margin-left: 0; margin-right: 0; display: block; float: none; zoom: 1; }
.wd-form .wf-fieldset legend span { padding: 3px 6px; font-size: 1.2em; }
.wd-form .wf-fieldset .wf-fieldset { width: auto; margin-left: 5px; margin-right: 5px; }
* html .wd-form .wf-fieldset .wf-fieldset { background-color: transparent; }
* + html .wd-form .wf-fieldset .wf-fieldset { background-color: transparent; }
.wd-form .wf-fieldset .wf-fieldset legend span { color: #666666; font-size: 1em; }
/* Field Containers */
.wd-form .wf-field-container.ui-state-error-container .wf-field { margin-bottom: 5px; }
/* Fields */
.wd-form .wf-text-dynamic-width { width: 270px; }
.wd-form input,
.wd-form button,
.wd-form textarea,
.wd-form select,
.wd-form optgroup,
.wd-form option { font-weight: normal; font-size: 1em; font-family: Arial, Helvetica, Sans-Serif; line-height: 1.3; }
/* Form Control */
.wd-form .wf-form-control .button-layout-align-buttons-to-label { padding-top: 0; padding-bottom: 0; }
.wd-form .wf-form-control .wf-button.ui-state-default,
.wd-form .wf-dynamic-repeater-form-control .wf-button.ui-state-default { margin: 0 0.5em 0 0; height: 26px; line-height: 26px; padding: 0 10px; background-image: none;
font-size: 1em; font-weight: bold; text-decoration: none; text-transform: uppercase; }
.wd-form .wf-form-control .wf-button.ui-state-hover,
.wd-form .wf-dynamic-repeater-form-control .wf-button.ui-state-hover { }
/* Form instructions */
.wd-form .wf-instructions-post { font-size: .9em; color: #7F7F7F; font-style: normal; margin-top: 2px; }
.wd-form p.wf-mandatory-help-text { font-size: .9em; margin-bottom: 0; text-align: right; padding: 0 5px 0 0; }
/* Feedback messages */
.wd-form .wf-layout-horizontal .wf-error-message { margin: 0 5px; padding: 3px; float: none; width: auto; }
.wd-form .wf-form-state-error { margin: 0 0 15px 0; }
.wd-form .wf-form-state-error p { margin: 0; padding: 10px 10px 10px 30px; }
.wd-form .wf-form-state-error .ui-icon { margin: 2px 0 0 -21px; }
* html .wd-form .wf-form-state-error .ui-icon { margin-left: -9px; }
.wd-form .wf-error-message p { margin: 0; padding: 0 5px 0 230px; }
.wd-form .wf-error-message .ui-icon { float: left; margin: 0 5px 0 0; }
.wd-form {
margin: 0;
overflow: hidden;
}
.wd-form .wf-form-control .wf-button.ui-state-default {
cursor: pointer;
}
.wd-form .wf-label {
padding-top: 5px;
} .wd-form .wf-column {
padding-top:5px;
}
.wd-form .wf-field-dropdown,
.form-list select,
.form-list input.input-text,
.group-select .input-box select {
width: 282px;
}
.wd-form .wf-field-textarea,
.form-list input.input-text,
.group-select .input-box input.input-text,
.group-select .input-box textarea,
.group-select input.input-text,
.group-select textarea,
input.input-text,
textarea {
width: 270px;
}
.wd-form .wf-field-dropdown,
.wd-form .wf-field-textarea,
.wd-form .wf-field-text,
.form-list select,
.group-select .input-box input.input-text,
.group-select .input-box textarea,
.group-select .input-box select,
.group-select input.input-text,
.group-select textarea,
input.input-text,
textarea {
background: #f4f4f3;
border: 1px solid #b3ae9e;
padding: 5px;
font-weight: normal;
color: #4c4a40;
line-height: 1;
}
.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 {
color: #830000;
background-color: #FFE3E3;
}
.wd-form .wf-form-control .wf-button.ui-state-default {
width: 106px;
height: 23px;
padding-top: 23px;
text-indent: -9000em;
font-size: 0;
background: url(form/../../images/buttons.png) 0 -254px no-repeat;
border: 0;
}
.required,
p.required {
display: none;
}
.ui-corner-all {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
/* CHECKOUT PAGE */
#checkoutSteps .form-list .input-box {
overflow: hidden;
}
#checkoutSteps .group-select li {
margin: 0 0 5px;
}
#checkoutSteps #opc-login input.input-text {
width: 260px;
} * html #checkoutSteps #opc-login input.input-text {
width: 240px;
}
#checkoutSteps .form-list select,
#checkoutSteps .form-list input.input-text,
#checkoutSteps .group-select .input-box select {
width: 322px;
_width: 317px;
}
#checkoutSteps .form-list input.input-text,
#checkoutSteps .group-select .input-box input.input-text,
#checkoutSteps .group-select .input-box textarea,
#checkoutSteps .group-select input.input-text,
#checkoutSteps .group-select textarea,
#checkoutSteps input.input-text,
#checkoutSteps textarea {
width: 310px;
_width: 305px;
}
#checkoutSteps .group-select input.input-text {
width: 640px;
}
#checkoutSteps #payment_form_camtech.form-list input.input-text {
width: 562px;
}
#checkoutSteps #payment_form_camtech.form-list select#camtech_cc_type {
width: 574px;
}
#checkoutSteps #payment_form_camtech.form-list select#camtech_expiration,
#checkoutSteps #payment_form_camtech.form-list select#camtech_expiration_yr {
width: 282px;
}
#checkoutSteps ul li ul li {
overflow: hidden;
zoom: 1;
}
/* ===== 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: #E10606;
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 {
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;
}
.wf-form .wf-fieldset {
border: none;
margin-bottom: 0;
} .wd-form .wf-fieldset legend span {
display: none;
}
/* ==== LEFT ==== */
/* Argyle */
.t-left .argyle {
margin-right: 17px;
text-align: right;
}
/* Search */
.t-left #search_mini_form {
padding-left: 10px;
}
.t-left #search_mini_form .title {
width: 100px;
height: 20px;
background: url(content/../../images/random.png) 0 0 no-repeat;
text-indent: -9000px;
}
.t-left #search_mini_form .input-text {
width: 164px;
height: 17px;
padding: 3px;
margin-right: 10px;
color: #8564BA;
background: transparent;
border: none;
overflow: hidden;
}
.t-left #search_mini_form .text {
width: 170px;
height: 23px;
background: url(content/../../images/random.png) 0 -20px no-repeat scroll;
}
.t-left #search_mini_form .button {
width: 63px;
height: 21px;
margin-top: 4px;
padding: 21px 0 0 0;
overflow: hidden;
font-size: 0;
line-height: 0;
border: none;
background: url(content/../../images/buttons.png) 0 0 no-repeat;
cursor: pointer;
}
/* Cart */
.t-left .block-cart .block-cart-wrapper {
padding-top: 2px;
padding-left: 10px;
}
.t-left .block-cart {
height: 72px;
margin-bottom: 20px;
}
.t-left .block-cart .title {
width: 100px;
height: 10px;
margin-top: 10px;
text-indent: -9000px;
background: url(content/../../images/random.png) 0 -586px no-repeat;
} .t-left .block-cart .title h4 {
text-indent: -9000em;
}
.t-left .block-cart .amount {
padding: 3px 0 5px 3px;
margin: 0;
font-size: 0.9em;
color: #9b6fc4;
}
.t-left .block-cart .button {
width: 145px;
height: 15px;
padding-top: 15px;
overflow: hidden;
font-size: 0;
line-height: 0;
border: none;
background: url(content/../../images/buttons.png) 0 -129px no-repeat;
cursor: pointer;
}
.t-left .block-cart a {
color: #9b6fc4;
}
.t-left .block-cart.block .actions {
text-align: left;
}
/* Newsletter */
.t-left .block-subscribe {
width: 185px;
} .t-left .block-subscribe-wrapper {
padding: 14px 10px 0 11px;
background: url(content/../../images/mailing-list.png) top center;
} .t-left .block-subscribe-footer {
height: 10px;
background: url(content/../../images/mailing-list.png) bottom center;
}
.t-left .block-subscribe h4 {
width: 85px;
height: 10px;
text-indent: -9000px;
background: url(content/../../images/random.png) 0 -334px no-repeat scroll;
}
.t-left .block-subscribe p {
margin-bottom: 4px;
font-size: 0.9em;
}
.t-left .block-subscribe .wd-form .wf-field {
float: none;
width: 150px;
}
.t-left .block-subscribe .wf-mandatory-help-text, .t-left .block-subscribe .wf-label {
display: none;
}
.t-left .block-subscribe .wd-form .wf-field-text {
width: 150px;
} .t-left .block-subscribe .wd-form .wf-field-container {
padding: 0;
margin: 0;
} .t-left .block-subscribe .wd-form .wf-form-control {
margin: 0;
} .t-left .block-subscribe .wd-form .wf-button {
width: 115px;
height: 23px;
margin: 4px 0;
padding: 23px 0 0 0;
overflow: hidden;
font-size: 0;
line-height: 0;
border: none;
background: url(content/../../images/buttons.png) 0 -22px no-repeat;
cursor: pointer;
} .t-left .block-subscribe .wd-form .wf-form-state-error {
margin-bottom: 5px;
} .t-left .block-subscribe .wd-form #wd-container-newsletter__name.ui-state-error-container {
margin-bottom: 5px;
} .t-left .block-subscribe .wd-form .wf-layout-horizontal .wf-error-message.validation-advice {
padding-left: 0px;
}
.t-left .block-subscribe #wd-field-newsletter__emailAddress {
margin-top: 4px;
margin-bottom: 3px;
}
/* My Account */
.t-left .block-account {
width: 185px;
} .t-left .block-account-wrapper {
padding: 14px 10px 0 11px;
background: url(content/../../images/mailing-list.png) top center;
} .t-left .block-account-footer {
height: 10px;
margin-bottom: 10px;
background: url(content/../../images/mailing-list.png) bottom center;
}
.t-left .block-account h4 {
width: 82px;
height: 10px;
text-indent: -9000px;
background: url(content/../../images/random.png) -205px 0 no-repeat scroll;
}
.t-left .block-account p {
margin-bottom: 4px;
font-size: 0.9em;
}
.t-left .block-account ul {
margin: 0;
} .t-left .block-account ul li {
margin: 0;
list-style-type: none;
} .t-left .block-account ul li.last {
margin-top: 5px;
font-weight: bold;
border-top: 1px solid #B3AE9E;
}.t-left .block-account ul li.active {
padding-left: 10px;
} .t-left .block-account ul li a {
text-decoration: none;
}
/* ==== FOOTER ==== */
/* Copyright */
.t-footer .copyright {
float: right;
clear: right;
font-size: 0.9em;
line-height: 1.6;
color: #6b49a2;
margin: 5px 0;
}
/* Logo */
.t-footer .logo {
float: right;
clear: right;
margin: 10px 0 20px 0;
}
/* ==== HOME PAGE ==== */
.t-main .home #main-banner {
width: 680px;
height: 410px;
position: relative;
}
.t-main .home .image-slideshow .banner {
display: none;
} .t-main .home .image-slideshow .banner.first {
display: block;
}
.t-main .home .cta {
margin: 15px 0 0 0;
} .t-main .home .cta-wrapper {
width: 680px;
height: 130px;
overflow: hidden;
}
.t-main .home .columns {
width: 680px;
/*margin-top: 10px;*/
/*background: url(content/../../images/dashed-hline.png) top center repeat-x;*/
overflow: hidden;
}
.t-main .home .col-1 {
float: left;
width: 420px;
padding-top: 15px;
} .t-main .home .col-1-wrapper {
height: 170px;
margin-right: 20px;
padding: 10px 20px 0 0;
background: url(content/../../images/dashed-vline.png) top right repeat-y;
}
.t-main .home .col-2 {
float: left;
width: 260px;
padding-top: 15px;
} * html .t-main .home .col-2 {
width: 252px;
} .t-main .home .col-2-wrapper {
padding: 10px 0 0 0;
} .t-main .home .col-2 a {
display: block;
height: 154px;
/*
padding: 8px;
background: #E9E9E9;
border: 1px solid #D3D3D3;
*/
}
.t-main .home .button {
width: 183px;
height: 32px;
line-height: 32px;
display: block;
text-indent: -9000px;
background: url(content/../../images/buttons.png) 0 -96px no-repeat;
}
/* ==== LOCATIONS PAGE ==== */
.location {
overflow: hidden;
border-bottom: 1px solid #F4E7FE;
padding-bottom: 5px;
margin-bottom: 10px;
zoom: 1;
} .location.last {
border-bottom: none;
} .location .location-left {
width: 340px;
float: left;
} .location .location-left p {
padding-right: 10px;
} .location .location-right {
width: 340px;
float: right;
}
.location-left .location-media {
display: none;
}
.location-media {
width: 550px;
height: 336px;
position: relative;
}
.location-media .slideshow-previous {
position: absolute;
width: 20px;
height: 220px;
top: 58px;
z-index: 3000;
background: url(content/../../images/slideshow-controls.png) -10px top;
text-indent: -9000em;
} .location-media .slideshow-next {
position: absolute;
width: 20px;
height: 220px;
top: 58px;
right: 0;
z-index: 3000;
background: url(content/../../images/slideshow-controls.png) -40px top;
text-indent: -9000em;
}
/* ==== STOCKISTS PAGE ==== */
.stockists {
overflow: hidden;
/*border-bottom: 1px solid #F4E7FE;*/
padding-bottom: 5px;
margin-bottom: 10px;
zoom: 1;
} .stockists.last {
border-bottom: none;
} .stockists .stockists-left {
width: 340px;
float: left;
} .stockists .stockists-left p {
padding-right: 10px;
} .stockists .stockists-right {
width: 340px;
float: right;
}
/* ==== CATALOG PAGE ==== */
.category-products {
float: left;
width: 400px;
} .category-products .category-products-wrapper {
}
.category-products #products-table .information {
display: none;
}
.category-products #products-table .product-image {
display: block;
width: 196px;
height: 196px;
background: url(content/../../images/image-background.png) no-repeat;
} .category-products #products-table .product-image img {
margin: 10px;
}
.category-products #products-table {
margin: 0;
}
.category-products #products-table td {
padding: 0;
} .category-products #products-table td.first {
padding: 0 7px 7px 0;
} .category-products #products-table td.last {
padding: 0 0 7px 0;
}
.category-products #products-table tr.last td {
padding-bottom: 0;
}
.product-view-left-buffer {
display: none;
}
.product-view-left {
float: right;
width: 270px;
} .product-view .product-shop {
width: 400px;
} .product-view-left .product-shop {
width: 270px;
}
.product-view .ring-price {
color: #616161;
background-color: #f3f3f3;
border: 1px solid #dedede;
padding: 5px 5px 5px 8px;
margin-bottom: 10px;
overflow: hidden;
zoom: 1;
} .product-view .ring-price .ring-price-left {
width: 100px;
float: left;
} .product-view .ring-price .ring-price-right {
color: #303030;
float: right;
font-weight: bold;
}
.product-view .product-options-container {
float: right;
width: 398px;
}
.product-view-left .product-options-container {
float: left;
width: 100%;
}
.product-view .product-options-container .product-options p.required,
.product-view .product-options-container .product-options label,
.product-view .product-options-container .product-options #qty {
display: none;
}
.product-view .product-options-container .product-options-container-wrapper {
margin:10px 0 0;
}
.product-view .product-options-container .product-options {
width: 250px;
float: right;
}
.product-view-left .product-options-container .product-options {
width: 130px;
} .product-view .product-options-container .product-options button {
width: 106px;
height: 23px;
padding: 23px 0 0 0;
overflow: hidden;
font-size: 0;
line-height: 0;
border: none;
background: url(content/../../images/buttons.png) 0 -230px no-repeat;
cursor: pointer;
}
.product-view .product-options-container .product-options-bottom {
width: 120px;
float: left;
} .product-view .product-options-container .product-options-bottom a {
display: block;
height: 20px;
width: 126px;
text-indent: -9000px;
margin-bottom: 8px;
} .product-view .product-options-container .product-options-bottom .add-to-wishlist {
background: url(content/../../images/buttons.png) 0 -167px no-repeat;
} .product-view .product-options-container .product-options-bottom .book-a-consultant {
background: url(content/../../images/buttons.png) 0 -188px no-repeat;
} .product-view .product-options-container .product-options-bottom .email-a-friend {
background: url(content/../../images/buttons.png) 0 -209px no-repeat;
} .product-view .product-options-container .product-options-bottom .diamond-information {
background: url(content/../../images/buttons.png) 0 -351px no-repeat;
}
.product-view .product-options-container .product-options-bottom #information-main-overlay a {
text-indent: 0;
margin: 0;
}
/* ==== RING DESIGNER PAGE ==== */
#ring-designer {
} #ring-designer .ring-designer-wrapper {
}
/* Designer */
#ring-designer .designer {
float: left;
width: 428px;
background-color: #afaeae;
border: 1px solid #919191;
} #ring-designer .designer .designer-wrapper {
padding: 8px 10px;
overflow: hidden;
} #ring-designer .designer h4 {
color: #484848;
font-size: 0.8em;
font-weight: normal;
text-transform: uppercase;
padding: 2px 0 2px 2px;
}
#ring-designer .designer .heading {
color: #282622;
text-transform: uppercase;
overflow: hidden;
} #ring-designer .designer .heading .title {
font-weight: bold;
} #ring-designer .designer .heading .steps {
float: right;
} #ring-designer .designer .heading .steps span {
font-weight: bold;
}
#ring-designer .description {
margin-bottom: 10px;
}
#ring-designer .designer .settings {
color: #484848;
background-color: #FFFFFF;
padding: 10px;
margin-top: 2px;
} #ring-designer .designer .settings #ring-submit {
float: right;
}
#ring-designer .designer .settings .shapes {
text-align: center;
} #ring-designer .designer .settings .shapes img {
margin: 0 3px 0 0;
border: 1px solid #dbdbdb;
} #ring-designer .designer .settings .shapes img.last {
margin-right: 0;
} #ring-designer .designer .settings .shapes img.active {
border: 1px solid #6b4b8a;
}
#ring-designer .designer .settings .sliders {
padding: 5px 2px 0 2px;
overflow: hidden;
} #ring-designer .designer .settings .sliders .sliders-left {
width: 190px;
float: left;
} #ring-designer .designer .settings .sliders .sliders-right {
width: 190px;
float: right;
}
#ring-designer .designer .settings .sliders .slidergroup {
width: 156px;
padding: 0px 15px 0px 14px;
background: url(content/../../images/range-track.png) no-repeat;
} #ring-designer .designer .settings .sliders .slidergroup .ui-slider-horizontal {
height: 18px;
} #ring-designer .designer .settings .sliders .slidergroup .ui-widget-content {
background: none;
border: none;
}
#ring-designer .designer .settings .sliders .slidergroup .ui-state-default,
#ring-designer .designer .settings .sliders .slidergroup .ui-widget-content .ui-state-default {
width: 16px;
height: 26px;
background: url(content/../../images/range-button.png) no-repeat;
border: none;
}
#ring-designer .designer .settings .sliders .slidergroup .ui-slider-range.ui-widget-header {
background: none;
height: 8px;
border-bottom: 1px solid #3e1a62;
}
#ring-designer .designer .settings .sliders .slider-price {
font-size: 0.95em;
}
#ring-designer .designer .settings .sliders .ranged-slider {
margin-bottom: 5px;
} #ring-designer .designer .settings .sliders .ranged-slider .currval {
font-size: 0.7em;
text-align: center;
}
#ring-designer .designer .results {
background-color: #FFFFFF;
padding: 10px;
margin-top: 10px;
} #ring-designer .designer .results .ring-designer-results {
width: 100%;
font-size: 0.8em;
margin: 0;
} #ring-designer .designer .results .ring-designer-results th {
font-weight: bold;
background: #FFFFFF;
border-bottom: 1px solid #bdbaae;
} #ring-designer .designer .results .ring-designer-results tr td {
padding: 5px 2px 5px 5px;
border-bottom: 1px solid #FFFFFF;
} #ring-designer .designer .results .ring-designer-results tr.odd {
background: #e9e7e0;
} #ring-designer .designer .results .ring-designer-results tr.even {
background: #f6f5f3;
} #ring-designer .designer .results .no-results {
text-align: center;
font-weight: bold;
} #ring-designer .designer .results .button {
width: 45px;
height: 17px;
display: block;
text-indent: -9000px;
background: url(content/../../images/buttons.png) 0 -149px no-repeat;
overflow: none;
}
#ring-designer .designer .tooltip {
display:none;
background: transparent url(content/../../images/shapes/arrow.png) bottom center no-repeat;
color: #FFFFFF;
height: 21px;
line-height: 17px;
font-size: 0.8em;
padding: 0 7px 0 7px;
}
/* Viewer */
#ring-designer .viewer {
float: right;
} #ring-designer .viewer .viewer-diamond {
width: 238px;
height: 228px;
border: 1px solid #e7e7e7;
}
#ring-designer .viewer .viewer-details {
width: 218px;
margin-top: 10px;
padding: 10px;
border: 1px solid #e7e7e7;
} #ring-designer .viewer .viewer-details h3 {
font-size: 1.1em;
} #ring-designer .viewer .viewer-details-table {
width: 100%;
margin: 0;
color: #5a357f;
} #ring-designer .viewer .viewer-details-table td {
width: 25%;
font-size: 0.8em;
text-transform: uppercase;
} #ring-designer .viewer .viewer-details-table .title {
color: #282622;
font-weight: bold;
text-align: right;
}
#ring-designer .viewer .viewer-buttons {
width: 218px;
margin-top: 10px;
} #ring-designer .viewer .viewer-buttons a {
display: block;
height: 20px;
width: 126px;
text-indent: -9000px;
margin-bottom: 8px;
} #ring-designer .viewer .viewer-buttons .diamond-information {
background: url(content/../../images/buttons.png) 0 -351px no-repeat;
} #ring-designer .viewer .viewer-buttons .book-a-consultant {
background: url(content/../../images/buttons.png) 0 -188px no-repeat;
} #ring-designer .viewer .viewer-buttons .email-a-friend {
background: url(content/../../images/buttons.png) 0 -209px no-repeat;
} #ring-designer .viewer .viewer-buttons .add-to-tray {
background: url(content/../../images/buttons.png) no-repeat scroll 0 -230px;
height:23px;
width:106px;
} #ring-designer .viewer .viewer-buttons .continue-to-next-step {
background: url(content/../../images/buttons.png) no-repeat scroll 0 -372px;
height:23px;
width:216px;
}
/* ==== RING DESIGNER PAGE 2 ==== */
#ring-designer2 {
} #ring-designer2 .message {
font-size: 0.8em;
margin: 0;
text-transform: uppercase;
} #ring-designer2 .display {
overflow: hidden;
margin-bottom: 10px;
}
#ring-designer2 .display .diamond {
float: left;
width: 345px;
background: url(content/../../images/settings-background.png) top left no-repeat;
} #ring-designer2 .display .diamond .diamond-wrapper {
padding: 10px 10px 0 10px;
margin-right: 10px;
} #ring-designer2 .display .diamond .diamond-wrapper img {
margin-bottom: 35px;
} #ring-designer2 .display .diamond .diamond-wrapper .diamond-settings {
overflow: hidden;
} #ring-designer2 .display .diamond .diamond-wrapper .viewer-details-table {
font-size: 0.9em;
width: 100%;
margin: 0;
color: #5a357f;
} #ring-designer2 .display .diamond .diamond-wrapper .viewer-details-table td {
padding: 0;
width: 25%;
text-transform: uppercase;
} #ring-designer2 .display .diamond .diamond-wrapper .viewer-details-table .title {
padding-right: 4px;
color: #282622;
font-weight: bold;
text-align: right;
}
#ring-designer2 .display .ring {
float: left;
width: 335px;
background: url(content/../../images/settings-background.png) top right no-repeat;
} #ring-designer2 .display .ring .ring-wrapper {
padding: 10px 10px 0 10px;
} #ring-designer2 .display .ring .ring-wrapper img {
margin-bottom: 35px;
} #ring-designer2 .display .ring .ring-wrapper p {
font-size: 0.9em;
color: #707070;
}
#ring-designer2 .ring-container {
overflow: hidden;
margin-bottom: 5px;
}
#ring-designer2 .ring-container .ring-previous {
float: left;
display: block;
width: 46px;
height: 125px;
background: url(content/../../images/settings-slider.png) 0 0 no-repeat;
text-indent: -9000em;
} #ring-designer2 .ring-container .ring-previous:hover {
background: url(content/../../images/settings-slider.png) -46px 0 no-repeat;
} #ring-designer2 .ring-container .ring-previous.disabled {
background: url(content/../../images/settings-slider.png) -92px 0 no-repeat;
}
#ring-designer2 .ring-container .ring-next {
float: left;
display: block;
width: 46px;
height: 125px;
background: url(content/../../images/settings-slider.png) 0 -126px no-repeat;
text-indent: -9000em;
} #ring-designer2 .ring-container .ring-next:hover {
background: url(content/../../images/settings-slider.png) -46px -126px no-repeat;
} #ring-designer2 .ring-container .ring-next.disabled {
background: url(content/../../images/settings-slider.png) -92px -126px no-repeat;
}
#ring-designer2 .ring-container .rings {
float: left;
width: 680px;
margin-top: 10px;
} #ring-designer2 .ring-container .rings-wrapper {
float: left;
position:relative;
overflow:hidden;
height:130px;
width: 588px;
}
#ring-designer2 .ring-container .rings div.items {
width:20000em;
position:absolute;
} #ring-designer2 .ring-container .rings .items .item {
float:left;
width: 136px;
height: 126px;
cursor: pointer;
background: url(content/../../images/settings-slider.png) 0 -252px no-repeat;
margin-left: 9px;
} #ring-designer2 .ring-container .rings .items .item.active {
background: url(content/../../images/settings-slider.png) -136px -252px no-repeat;
}
#ring-designer2 .ring-container .rings .items .item img {
margin: 10px;
}
#ring-designer2 .book-a-consultant {
margin-top: 10px;
padding-top: 15px;
font-size: .8em;
text-transform: uppercase;
color: #525252;
background: url(content/../../images/dashed-hline.png) center top repeat-x;
} #ring-designer2 .book-a-consultant p {
text-align: center;
margin-bottom: 5px;
} #ring-designer2 .book-a-consultant .book-a-consultant-wrapper {
margin-left: 112.5px;
} #ring-designer2 .book-a-consultant a {
display: block;
height: 25px;
width: 455px;
text-indent: -9000px;
margin-bottom: 8px;
background: url(content/../../images/buttons.png) 0 -396px no-repeat;
}
/* ==== BOOK A CONSULTANT ==== */
#bookings #book-a-consultant-form.wd-form .wf-fieldset.hidden {
display: none;
visibility: hidden;
}
/* ==== SERVICES PAGE ==== */
.t-main .services ul,
.t-main .services li {
clear: none;
}
.t-main .services ul li {
list-style-type: none;
padding-left: 15px;
background: url(content/../../images/bullets/bullet-dark.png) 0 4px no-repeat;
} .t-main .services ul li ul li {
background: url(content/../../images/bullets/bullet-light.png) 0 4px no-repeat;
}
/* ==== PRESS PAGE ==== */
.t-main .media .press-media {
width: 680px;
height: 449px;
background: url(content/../../images/slideshow-background.png) center center no-repeat;
}
.t-main .media .press-media .slideshow-previous {
float: left;
display: block;
width: 20px;
height: 220px;
margin-top: 114px;
background: url(content/../../images/slideshow-controls.png) -10px top;
text-indent: -9000em;
} .t-main .media .press-media .slideshow-previous:hover {
background: url(content/../../images/slideshow-controls.png) -8px top;
} .t-main .media .press-media .slideshow-next {
float: left;
display: block;
width: 20px;
height: 220px;
margin-top: 114px;
background: url(content/../../images/slideshow-controls.png) -40px top;
text-indent: -9000em;
} .t-main .media .press-media .slideshow-next:hover {
background: url(content/../../images/slideshow-controls.png) -42px top;
} .t-main .media .press-media .press-media-container {
float: left;
width: 640px;
margin-top: 10px;
}
.t-main .video .columns {
width: 680px;
overflow: hidden;
} .t-main .video .columns .column-1,
.t-main .video .columns .column-2,
.t-main .video .columns .column-3 {
float: left;
width: 225px;
} .t-main .video .columns .column-1-wrapper,
.t-main .video .columns .column-2-wrapper {
margin-right: 20px;
}
.t-main .video .columns .video {
padding-top: 10px;
padding-bottom: 10px;
background: url(content/../../images/dashed-hline.png) bottom center repeat-x;
} .t-main .video .columns .video a img {
width: 32px;
height: 32px;
float: left;
margin-right: 10px;
}
.t-main .video .columns .video .details {
} .t-main .video .columns .video .details span.title {
font-size: 0.9em;
text-transform: uppercase;
color: #5b00af;
display: block;
} .t-main .video .columns .video .details span.duration {
color: #6f6f6f;
font-size: 0.8em;
display: block;
} .t-main .video .columns .video .details p.description {
color: #292929;
font-size: 0.8em;
margin: 0;
}
.t-main .video h2,
.t-main .awards h2 {
margin-top: 10px;
}
.t-main .awards ul li {
list-style-type: none;
padding-left: 15px;
background: url(content/../../images/bullets/bullet-dark.png) 0 4px no-repeat;
}
/* ===== PAYMENT ===== */
#payment-buttons-container {
zoom: 1;
} #checkout-payment-method-load .sp-method-body-2 {
display: none;
}
/* ==== GLOBALS ==== */
#t-container .generic-button {
width: 106px;
height: 23px;
padding-top: 19px;
text-indent: -9000em;
font-size: 0;
border: 0;
cursor: pointer;
} #t-container .generic-button.submit-button {
background: url(content/../../images/buttons.png) 0 -254px no-repeat;
} #t-container .generic-button.login-button {
background: url(content/../../images/buttons.png) 0 -278px no-repeat;
} #t-container .generic-button.register-button {
background: url(content/../../images/buttons.png) 0 -303px no-repeat;
} #t-container .generic-button.search-button {
background: url(content/../../images/buttons.png) 0 -327px no-repeat;
} #t-container .generic-button.add-recipient-button {
background: url(content/../../images/buttons.png) 0 -422px no-repeat;
} #t-container .generic-button.send-email-button {
background: url(content/../../images/buttons.png) 0 -446px no-repeat;
}
#information-main-overlay .information {
margin: 1.5em 30px 0 30px;
} #information-main-overlay .information table {
margin-top: 1.5em;
width: 100%;
} #information-main-overlay .information table td {
color: #5A357F;
width: 50%;
text-transform: uppercase;
} #information-main-overlay .information table td.heading {
color: #282622;
font-weight: bold;
text-align: right;
}
#information-main-overlay .information .gst {
text-align: center;
color: red;
font-weight: bold;
}
/* Top Level */
.main-menu ul { width: 100%; height: 35px; }
.main-menu ul li a.top-level { height: 35px; background: transparent url(menu/../../images/menu_main.png) left top no-repeat; border: none; overflow: hidden; }
/* No id1 in this instance */
.main-menu ul li#item1 a.top-level { width: 71px; background-position: 0px 0px; }
.main-menu ul li#item2 a.top-level { width: 136px; background-position: -71px 0px; }
.main-menu ul li#item3 a.top-level { width: 120px; background-position: -207px 0px; }
.main-menu ul li#item4 a.top-level { width: 71px; background-position: -327px 0px; }
.main-menu ul li#item5 a.top-level { width: 94px; background-position: -398px 0px; }
.main-menu ul li#item6 a.top-level { width: 102px; background-position: -492px 0px; }
/* Hover & Active state */
/* no id1 in this instance */
.main-menu ul li#item1.active a.top-level,
.main-menu ul li#item1 a.top-level:hover,
.main-menu ul li#item1.over a.top-level { background-position: 0px -35px; }
.main-menu ul li#item2.active a.top-level,
.main-menu ul li#item2 a.top-level:hover,
.main-menu ul li#item2.over a.top-level { background-position: -71px -35px; }
.main-menu ul li#item3.active a.top-level,
.main-menu ul li#item3 a.top-level:hover,
.main-menu ul li#item3.over a.top-level { background-position: -207px -35px; }
.main-menu ul li#item4.active a.top-level,
.main-menu ul li#item4 a.top-level:hover,
.main-menu ul li#item4.over a.top-level { background-position: -327px -35px; }
.main-menu ul li#item5.active a.top-level,
.main-menu ul li#item5 a.top-level:hover,
.main-menu ul li#item5.over a.top-level { background-position: -398px -35px; }
.main-menu ul li#item6.active a.top-level,
.main-menu ul li#item6 a.top-level:hover,
.main-menu ul li#item6.over a.top-level { background-position: -492px -35px; }
/* Sub Level */
.main-menu ul.sub-level {
width: 136px;
background: url(menu/../../images/sub-menu.png) bottom left;
}
.main-menu ul.sub-level li.first {
background: url(menu/../../images/sub-menu.png) top left;
}
.main-menu ul.sub-level li a {
height: 22px;
line-height: 22px;
padding: 5px 5px 5px 10px;
margin: 0 10px;
font-size: 0.8em;
color: #bababa;
border-bottom: 1px solid #3a3a3a;
} .main-menu ul.sub-level li.last a {
padding-bottom: 15px;
border-bottom: none;
} .main-menu ul.sub-level li.only a {
padding-bottom: 15px;
border-bottom: none;
} .main-menu ul.sub-level li a:hover{
color:#ffffff;
}
/* ==== FOOTER MENU */
.footer-menu ul.menu {
line-height: 1.6;
margin: 0;
float: right;
clear: right;
} .footer-menu ul.menu li {
border-right: 1px solid #522d8c;
display: inline;
margin: 0;
padding: 0 10px 0 10px;
text-transform: uppercase;
}
* html .footer-menu ul.menu.last {
width: 100%;
text-align: right;
}
.footer-menu ul.menu li.last,
.footer-menu.secondary ul.menu li.last {
border-right: none;
padding-right: 0;
}
.footer-menu ul.menu li.first {
padding-left: 0;
}
.footer-menu ul.menu li.last {
padding-right: 0;
}
.footer-menu.secondary ul.menu li {
border-right: 1px solid #484848;
text-transform: lowercase;
font-size: 0.7em;
}
.footer-menu.secondary ul.menu li a {
color: #484848;
font-size: 1.2em;
}
.footer-menu ul.menu.last {
width: 100%;
text-align: right;
}
/* Top Level */
#left-links .menu,
#left-links .menu ul,
#left-links .menu li,
#left-links .menu a {
position: relative;
}
#left-links { height: 95px; margin-top: 12px; }
#left-links ul.menu { width: 100%; height: 29px; }
#left-links ul.menu li a.top-level { height: 29px; background: transparent url(menu/../../images/random.png) left top no-repeat; border: none; }
/* No id1 in this instance */
#left-links ul.menu li#left-menu-1 a.top-level { width: 200px; background-position: 0 -44px; }
#left-links ul.menu li#left-menu-2 a.top-level { width: 200px; background-position: 0 -73px; }
#left-links ul.menu li#left-menu-3 a.top-level { width: 200px; background-position: 0 -102px; }
/* Top Level */
#category-menu.menu,
#category-menu.menu ul,
#category-menu.menu li,
#category-menu.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.top-level {
margin-bottom: 9px;
padding-bottom: 9px;
background: url(menu/../../images/solid-hline.png) left bottom no-repeat;
} #category-menu li.top-level.last {
background: none;
}
#category-menu li a.top-level {
height: 10px;
text-indent: -9000px;
overflow: hidden;
}
#category-menu ul.sub-level {
position: relative;
padding-top: 10px;
zoom: 1;
}
#category-menu li.sub-level a {
height: 20px;
line-height: 20px;
padding-left: 20px;
font-size: 0.8em;
text-transform: uppercase;
color: #5c5338;
} #category-menu li.sub-level a:hover {
background: url(menu/../../images/random.png) 0 -551px no-repeat;
} #category-menu li.sub-level a.current {
background: url(menu/../../images/random.png) 0 -551px no-repeat;
}
#category-menu li#category-menu-0 a.top-level {
background: url(menu/../../images/random.png) 0 -367px no-repeat;
}
#category-menu li#category-menu-1 a.top-level {
background: url(menu/../../images/random.png) 0 -394px no-repeat;
}
#category-menu li#category-menu-2 a.top-level {
background: url(menu/../../images/random.png) 0 -421px no-repeat;
}
#category-menu li#category-menu-3 a.top-level {
background: url(menu/../../images/random.png) 0 -448px no-repeat;
}
#category-menu li#category-menu-4 a.top-level {
background: url(menu/../../images/random.png) 0 -475px no-repeat;
}
#category-menu li#category-menu-5 a.top-level {
background: url(menu/../../images/random.png) 0 -502px no-repeat;
}
#category-menu div.arrow {
width: 11px;
height: 11px;
position: absolute;
right: 15px;
}
#category-menu div.arrow.collapse {
background: url(menu/../../images/random.png) 0 -530px no-repeat;
}
#category-menu div.arrow.expand {
background: url(menu/../../images/random.png) -22px -530px no-repeat;
}
/* === 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: 336px;
}
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 {
}
/* === image slideshow === */
.image-slideshow {
position: relative;
margin-bottom: 7px;
}
.image-slideshow,
.image-slideshow ul.jtools-tabs,
.image-slideshow ul.jtools-tabs li.jtools-tab-content {
width: 680px;
height: 410px;
} .image-slideshow ul.jtools-tabs {
margin: 0;
}
/* === press slideshow === */
.t-main .media .image-slideshow,
.t-main .media .image-slideshow ul.jtools-tabs,
.t-main .media .image-slideshow ul.jtools-tabs li.jtools-tab-content {
width: 640px;
height: 430px;
}
/* === location slideshow === */
.location-slideshow {
position: relative;
margin-bottom: 7px;
}
.location-slideshow,
.location-slideshow ul.jtools-tabs,
.location-slideshow ul.jtools-tabs li.jtools-tab-content {
width: 550px;
height: 336px;
} .location-slideshow ul.jtools-tabs {
margin: 0;
}
/* ===== Accordion CSS ===== */
.accordion {
}
.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;
}