/*
* This is the stylesheet for the "basic" template for xmstore.
*/

/* * { border: 1px dashed red; margin: 4px; padding: 4px; } */

BODY { margin: 0; padding: 0; background: #eeeeee; }
* { font-family: Verdana, "DejaVu Sans", sans-serif, sans; font-size: 10pt; }
STRONG, B, I, U { font-size: inherit; }
H1 { font-size: 13pt; }
H2 { font-size: 12pt; }
H3 { font-size: 11pt; }
A { cursor: pointer; color: #555; }
A:link { color: #555; text-decoration: underline; }
A:active { color: #559; }
A:visited { }

DIV#page { background: #eeeeee; margin: 0; padding: 0; }

A.btn, BUTTON, INPUT[type="submit"], INPUT[type="button"] { cursor: pointer; display: inline-block; height: 24px; line-height: 24px; padding: 0 12px; border-radius: 3px; box-shadow: 0 1px 2px #bbb; border: 1px solid #000; color: #fff; text-decoration: none;
background: #6ea1c9; /* Old browsers */
background: -moz-linear-gradient(top,  #6ea1c9 0%, #4c8abc 49%, #1969a9 50%, #055ca2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6ea1c9), color-stop(49%,#4c8abc), color-stop(50%,#1969a9), color-stop(100%,#055ca2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6ea1c9 0%,#4c8abc 49%,#1969a9 50%,#055ca2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6ea1c9 0%,#4c8abc 49%,#1969a9 50%,#055ca2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6ea1c9 0%,#4c8abc 49%,#1969a9 50%,#055ca2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6ea1c9 0%,#4c8abc 49%,#1969a9 50%,#055ca2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ea1c9', endColorstr='#055ca2',GradientType=0 ); /* IE6-9 */
}
BUTTON, INPUT[type="submit"], INPUT[type="button"] { line-height: 16px; }
A.btn.secondary, BUTTON.secondary { border-color: #555; color: #000;
background: #f1f1f1; /* Old browsers */
background: -moz-linear-gradient(top,  #f1f1f1 0%, #e9e9e9 49%, #dddddd 50%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(49%,#e9e9e9), color-stop(50%,#dddddd), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f1f1f1 0%,#e9e9e9 49%,#dddddd 50%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f1f1f1 0%,#e9e9e9 49%,#dddddd 50%,#d6d6d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f1f1f1 0%,#e9e9e9 49%,#dddddd 50%,#d6d6d6 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f1f1f1 0%,#e9e9e9 49%,#dddddd 50%,#d6d6d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
}
a.btn.narrow, BUTTON.narrow { padding: 0 2px; }

DIV.error { border: 1px solid #FF0000; background: #FFEFEF; padding: 8px; margin: 4px 0; max-width: 800px; }

DIV#header {  }
DIV#header DIV#headerTop { height: 80px; text-align: right; background: url(img/header_bg.png); }
DIV#header DIV#headerTop IMG#headerLogo { float: left; margin: 12px 0 0 6px; }
DIV#header DIV#headerTopTop { height: 24px; line-height: 24px; background: #eeeeee; border-bottom: 1px solid #dfdfdf; padding: 0 6px; }
DIV#header DIV#headerBottom { background: #0064b4; height: 24px; line-height: 24px; padding: 0 6px; }
DIV#header DIV#headerBottom A.cmsItem { color: white; text-decoration: none; margin: 0 16px 0 0; font-size: 11pt; }
DIV#header DIV#headerBottom A.cmsItem.cmsItemLevel1,
DIV#header DIV#headerBottom A.cmsItem.cmsItemLevel2,
DIV#header DIV#headerBottom A.cmsItem.cmsItemLevel3,
DIV#header DIV#headerBottom A.cmsItem.cmsItemLevel4,
DIV#header DIV#headerBottom A.cmsItem.cmsItemLevel5 { color: #0074b4; }
DIV#header DIV#headerBottom A.cmsItem.cmsItemActive { text-decoration: underline; }
DIV#header DIV#headerBottom A.cmsItem.cmsItemLevel1.cmsItemActive,
DIV#header DIV#headerBottom A.cmsItem.cmsItemLevel2.cmsItemActive,
DIV#header DIV#headerBottom A.cmsItem.cmsItemLevel3.cmsItemActive,
DIV#header DIV#headerBottom A.cmsItem.cmsItemLevel4.cmsItemActive,
DIV#header DIV#headerBottom A.cmsItem.cmsItemLevel5.cmsItemActive { text-decoration: underline; }

SPAN.pfeildn { margin: 0 9px 0 0; background: transparent; color: #000; border-color: #000 transparent; border-style: solid dashed dashed; border-width: 3px 3px 0; display: inline-block; font-size: 0; height: 0; left: 4px; line-height: 0; padding-top: 1px; position: relative; top: -1px; width: 0; }
SPAN.pfeilup { margin: 0 9px 0 0; background: transparent; color: #000; border-color: #000 transparent; border-style: dashed dashed solid; border-width: 0 3px 3px; display: inline-block; font-size: 0; height: 0; left: 4px; line-height: 0; padding-top: 1px; position: relative; top: -3px; width: 0; }

DIV#sidebar { float: left; width: 290px; border: 0; margin: 32px 8px 0 0; padding: 0; }
DIV#sidebar DIV.floater { width: 290px; border: 1px solid #c3c3c3; margin: 0 0 8px 0; padding: 3px; background: #ffffff; }
DIV#sidebar DIV.mediatypes { width: 290px; padding: 0 0 0 8px; border-bottom: 1px solid #c3c3c3; border-collapse: collapse; }
DIV#sidebar DIV.mediatypes A { display: inline-block; background: #eee; border: 1px solid #c3c3c3; padding: 4px 8px; margin: 0 -1px -1px 0; border-collapse: collapse; text-decoration: none; box-shadow: inset 0 -3px 3px #ddd; }
DIV#sidebar DIV.mediatypes A.mtactive { border-bottom: 1px solid #fff; background: #fff; font-weight: bold; box-shadow: 0 0 0 #fff; padding-top: 6px; }

DIV#content { margin-left: 308px; padding: 8px; background: #eeeeee; }

DIV#footer { clear: both; border-top: 1px solid #c3c3c3; min-height: 24px; box-shadow: inset 0 3px 3px #ddd; margin: 0; padding: 0 0 0 8px; }
DIV#footer p.navi { margin: 6px 0; }
DIV#footer p.navi A.cmsItem { text-decoration: none; margin-right: 24px; color: #333; }
DIV#footer p.navi A.cmsItemActive { text-decoration: underline; }

A IMG { border-width: 0; }

LABEL, BUTTON { cursor: pointer; }

A#extexpand { height: 24px; line-height: 24px; text-decoration: underline; }

DIV#minicart { float: right; width: 200px; padding: 8px 4px 8px 8px; margin: 0 2px 0 0; font-size: 11pt; z-index: 99999; }
DIV#minicart SPAN { font-size: 11pt; }
DIV#minicartdyn { position: absolute; width: 200px; border: 1px solid #d4d4d4; padding: 8px 4px 8px 8px; box-shadow: 2px 2px 4px rgba(0,0,0,0.33); background: #ffffff; overflow: hidden; font-size: 11pt; }
DIV#minicartdyn SPAN { font-size: 11pt; }
DIV#minicartdyn DIV.thumbnails { margin: 8px 1px; max-height: 384px; overflow: auto; }
DIV#minicartdyn DIV.thumbnails IMG { border: 1px solid #d4d4d4; }

TR.cartNoPrice { background-color: #fee; }
DIV.order_breadcrumbs { margin: 0 0 12px 0; }
DIV.order_breadcrumbs SPAN { display: inline-block; margin: 4px; border: 1px solid #d4d4d4; padding: 8px 12px 8px 8px; background: #e5e5e5; }
DIV.order_breadcrumbs SPAN.active { background: #fff; }

/*A.cmsItem, A.categoryItemAnchor, A.langItem { color: #0000ff; margin: 0 5px 0 0; }
A.cmsItem.cmsItemActive, A.categoryItemAnchorActive, A.langItemActive { font-weight: bold; } */
A.langItemActive IMG { border: 1px solid #955; }

A.cmsItem { display: inline-block; vertical-align: top; }

TABLE.table { border: 0; border-collapse: collapse; width: 800px; }
TABLE.table TD, TABLE.table TH { border: 1px solid #d4d4d4; border-width: 0 0 1px 0; border-collapse: collapse; }
TABLE.table TD { padding: 16px 8px; background: #ffffff; }
TABLE.table IMG { vertical-align: text-top; }
TABLE.table TD.aright { text-align: right; }
TABLE.table TH { border: 0; border-top: 1px solid #d4d4d4; background-color: #e5e5e5; padding: 8px; font-weight: bold; text-align: left; }
TABLE.table TR.highlighted { background-color: #f4eeb8; }

FORM.searchform { padding-left: 8px; }
FORM.searchform INPUT, FORM.searchform SELECT { margin-bottom: 8px; }
DIV.searchFilter { margin: 1px 0 4px 0; }
DIV.searchFilter A.searchFilter { display: inline-block; padding: 3px 19px 3px 6px; margin: 0 4px; background: #fff url(img/search_filter_box_bg.png) right center no-repeat;; border: 1px solid #0064b4; cursor: pointer; text-decoration: none; border-radius: 3px; }
DIV.searchFilter A.searchFilter:hover { text-decoration: line-through; border-color: #b40000; }

UL.categoryList { margin: 4px; padding: 0 0 0 12px; list-style-type: square; color: #999; }
LI.categoryItem A { text-decoration: none; line-height: 140%; }
LI.categoryItem.categoryLevel0 { margin-left: 0; color: #0064b4; }
LI.categoryItem.categoryLevel1 { margin-left: 16px; }
LI.categoryItem.categoryLevel2 { margin-left: 32px; }
LI.categoryItem.categoryLevel3 { margin-left: 48px; }
LI.categoryItem.categoryLevel4 { margin-left: 64px; }
LI.categoryItem.categoryLevel5 { margin-left: 80px; }
LI.categoryItem.categoryLevel6 { margin-left: 96px; }
LI.categoryItem.categoryLevel7 { margin-left: 112px; }
LI.categoryItem.categoryLevel8 { margin-left: 128px; }
LI.categoryItem.categoryLevel9 { margin-left: 144px; }
LI.categoryItem.categoryLevel10 { margin-left: 160px; }

DIV.categoryTeaserText { background: #ffffff; border: 1px solid #c3c3c3; margin: 32px 0 16px 0; padding: 6px; }
DIV.categoryTeaser { width: 170px; height: 192px; vertical-align: top; margin: 0 12px 20px 0; box-shadow: 3px 3px 0px #e0e0e0; display: inline-block; border: 1px solid #c3c3c3; padding: 3px; text-align: center; border-radius: 7px; background: #ffffff; }
DIV.categoryTeaser DIV.categoryTeaserWrapper { height: 160px; line-height: 160px; }
DIV.categoryTeaser IMG { margin-top: 4px; vertical-align: middle; }
DIV.categoryTeaser .dijitImageFader { margin-top: 8px; }
DIV.categoryTeaserChildUpload A IMG { max-width: 196px; }

FORM.mediaListMeta { display: block; border: 1px solid #c3c3c3; margin: 16px 0 4px 0; padding: 6px; background: #ffffff; }
FORM.mediaListMeta DIV { display: inline-block; }
FORM.mediaListMeta DIV.paginationctl { margin-left: 16px; }
DIV.medialist {  }
DIV.medialist DIV.pagination { float: right; background: #ffffff; }
DIV.medialist DIV.pagination.paginationbottom { float: none; border: 1px solid #c3c3c3; padding: 6px; margin: 4px 0 0 0; text-align: left; }
DIV.medialist DIV.pagination A.pageLink { color: #555; display: inline-block; margin: 0 4px 0 0; }
DIV.medialist DIV.pagination A.pageLinkActive { color: #555; font-weight: bold; }
DIV.medialist DIV.media { vertical-align: top; display: inline-block; border: 1px solid #c3c3c3; padding: 13px; margin: 6px 2px 3px 3px; text-align: center; background: #ffffff; color: #999; }
DIV.medialist DIV.media.isInCart { background-color: #eef4f8; }
DIV.medialist DIV.media A.title { text-decoration: none; color: #666 !important; font-size: 9pt; height: 30px; display: inline-block;}
DIV.medialist DIV.media DIV.thumbwrapper { width: 160px; height: 160px; line-height: 160px; margin-bottom: 10px; }
DIV.medialist DIV.media DIV.thumbwrapper IMG { border: 1px solid #999; vertical-align: middle; line-height: 160px; }

.media { width: 160px; height: 214px; overflow: hidden; }
.detailpreview { background-color: #ffffff; border: 1px solid white; box-shadow: 0 2px 12px #000000; border-radius: 3px; padding: 4px; }
.detailpreview > IFRAME { display: block; }

/* JS TABBING */
DIV.tabfolder { margin: 0; }
DIV.tabfolder DIV.tabbar { border-bottom: 1px solid #a3a3a3; border-collapse: collapse; }
DIV.tabfolder DIV.tabtab { cursor: pointer; display: inline-block; border: 1px solid #a3a3a3; border-collapse: collapse; margin: 0 0 -1px 0; padding: 2px 2px 1px 2px; }
DIV.tabfolder DIV.tabtab INPUT { margin: 2px 2px 0 0; }
DIV.tabfolder DIV.tabtab.tabtab_active { border-bottom: 1px solid white; }
DIV.tabfolder DIV.tabpage { display: none; padding: 0; }
DIV.tabfolder DIV.tabpage.tabpage_active { display: block; }

DIV.search_minilist { border: 1px solid #c3c3c3; display: inline-block; padding: 2px 1px 2px 2px; margin: 6px 6px 6px 0; min-height: 60px; vertical-align: top; }
DIV.search_minilist IMG { vertical-align: middle; margin: 0 1px 0 0; border: 0; }
DIV.search_minilist IMG.search_minilist_mini {}
DIV.search_minilist A.search_minilist_thumbnail_anchor { display: inline-block; width: 168px; text-align: center; }
DIV.search_minilist IMG.search_minilist_thumbnail { vertical-align: middle; margin: 4px auto; border: 1px solid #d0d0d0; }

/* IMAGE FADER */
DIV.dijitImageFader { position: relative; background-color: #000000; overflow: hidden; cursor: pointer; z-index: 0; }
DIV.dijitImageFader DIV.dijitImageFaderOverlay { display: block; position: absolute; height: 100%; left: 0; width: 100%; background: transparent; opacity: 0; }
DIV.dijitImageFader DIV.dijitImageFaderForth { display: none; position: absolute; height: 100%; left: 80%; width: 20%; background: rgba(255, 255, 255, 0.5) url(/data/template/basic/img/slideshow_arrow_forth.png) center center no-repeat; }
DIV.dijitImageFader DIV.dijitImageFaderBack { display: none; position: absolute; height: 100%; left: 0; width: 20%; background: rgba(255, 255, 255, 0.5) url(/data/template/basic/img/slideshow_arrow_back.png) center center no-repeat; }
DIV.dijitImageFader DIV.dijitImageFaderLastImage { width: 100%; height: 100%; top: 0; left: 0; position: absolute; background-position: 0 0; background-repeat: no-repeat; background-color: #000000; }
DIV.dijitImageFader DIV.dijitImageFaderRowWrapper { width: 100%; height: 100%; top: 0; left: 0; position: absolute; }
DIV.dijitImageFader DIV.dijitImageFaderColWrapper { width: 100%; height: 100%; top: 0; left: 0; position: absolute; }
DIV.dijitImageFader DIV.dijitImageFaderCellWrapper { width: 100%; height: 100%; top: 0; left: 0; position: absolute; }
DIV.dijitImageFader DIV.dijitImageFaderCol { display: block; float: left; }
DIV.dijitImageFader DIV.dijitImageFaderRow { display: block; width: 100%; }
DIV.dijitImageFader DIV.dijitImageFaderCell { display: block; position: absolute; }
DIV.dijitImageFader DIV.dijitImageFaderFull { display: block; top: 0; left: 0; position: absolute; height: 100%; width: 100%; }

/* REALTIME ZOOM */
DIV.dijitRTZoom { display: inline-block; position: relative; cursor: crosshair; }
DIV.dijitRTZoom IMG.dijitRTZoomImage { top: 0; left: 0; border: 1px solid #c3c3c3; }
DIV.dijitRTZoom DIV.dijitRTZoomSelector { position: absolute; top: 0; left: 0; height: 0; width: 0; border: 1px solid #f4eeb8; background-color: transparent; box-shadow: 0px 1px 11px #000; }
DIV.dijitRTZoom DIV.dijitRTZoomSelector.dijitRTZoomSelectorHidden { display: none; }

/* PREVIEW BROWSER */
DIV.dijitPreviewBrowserWrapper { width: 400px; }
DIV.dijitPreviewBrowserWrapper IMG.dijitPreviewBrowserImage { display: block; }
DIV.dijitPreviewBrowserWrapper DIV.dijitPreviewBrowserPrevious { cursor: pointer; background: url(img/previewbrowser_prev.png); display: inline-block; width: 64px; height: 64px }
DIV.dijitPreviewBrowserWrapper DIV.dijitPreviewBrowserImagesWrapper { vertical-align: top; margin-top: 10px; white-space: nowrap; display: inline-block; width: 258px; height: 50px; overflow: hidden; position: relative; }
DIV.dijitPreviewBrowserWrapper DIV.dijitPreviewBrowserImages { position: absolute; height: 50px; }
DIV.dijitPreviewBrowserWrapper DIV.dijitPreviewBrowserImages IMG.dijitPreviewBrowserMini { margin: 2px; display: inline; cursor: pointer; }
DIV.dijitPreviewBrowserWrapper DIV.dijitPreviewBrowserNext { cursor: pointer; background: url(img/previewbrowser_next.png); display: inline-block; width: 64px; height: 64px }

DIV.waveform { position: relative; background-position: top left; background-repeat: no-repeat; }
DIV.waveform DIV.progress { top: 0; left: 0; position: relative; height: 100%; width: 0px; background-position: top left; background-repeat: no-repeat; border-right: 1px solid #ff8e00; }