/* GLOBAL LAYOUT */

html {
  background:       url(../MGI_files/background.gif) repeat-x left center #95754e;
  background-attachment: fixed;
}

body {
  color:            #2B200D;
  margin:           0;
  padding:          0;
  font:             10px/14px Verdana, Arial, sans-serif;
}

* html {
  background:       url(../MGI_files/background-ie.gif) no-repeat left center #95754e;
  background-attachment: fixed;
}

*+html {
  background:       url(../MGI_files/background-ie.gif) no-repeat left center #95754e;
  background-attachment: fixed;
}

* {
  outline:          none;
}

#logo {
  left:             126px;
  position:         fixed;
  cursor:           pointer;
}

* html #logo {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

*+html #logo {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

#logo-print {
  display:          none;
}

* html #logo {
  position:         absolute;
}

*+html #logo {
  position:         absolute;
}

#logo.noscroll {
  cursor:           default;
}

#layout {
  height:           504px;
  margin-left:      65px;
  margin-right:     65px;
  position:         absolute;
}

div.shadow-bottom {
  overflow:         hidden;
  position:         absolute;
  top:              504px; 
  height:           6px; 
  left:             0;
  width:            100%;
  background:       url(../MGI_files/shadow-bottom.gif) repeat-x;
}

* html div.shadow-bottom {
  width:            expression(this.parentNode.offsetWidth + 'px');
}

div.shadow-bottom div.start {
  background:        url(../MGI_files/shadow-bottom-start.gif);
  height:            6px;
  position:          absolute;
  width:             6px;
}

div.shadow-right {
  background:        url(../MGI_files/shadow-right.gif);
  height:            510px;
  position:          absolute;
  right:             -6px;
  top:               0;
  width:             6px;
}

div#filling {
  background:        top right url(../MGI_files/background-fill-2.gif);
  height:            504px;
  position:          absolute;
  top:               0px;
  right:             301px;
}

/* MENUS */

div.menu {
  background:       transparent;
  height:           504px;
  overflow:         hidden;
  position:         absolute;
  width:            236px;
  z-index:          100000;
  text-transform:   lowercase;
}

div#menu-right {
  text-align:       right;
}

div.menu p {
  margin:           0;
  padding:          0;
  line-height:      20px;
}

div.menu p.active {
  font-weight:      bold;
  font-size:        10px;
  color:            #2B200D !important;
}

div.menu p.complete {
  font-size:        10px;
  font-weight:      normal;
  color:            #2B200D !important;
}

div.menu p.checkout-menu-item {
  cursor:           pointer;
}

div.menu p.inactive {
  color:            #726854;
  cursor:           default !important;
}

div.menu p.optional {
  display:          none;
}

div.menu a.small {
  font-size:        11px;
  margin:           0;
  padding:          0;
  color:            #2B200D;
}

div#menu-left a.small {
 padding-right:      12px;  
}

div#menu-right a.small {
 padding-left:      12px;  
}

div.menu div.main {
  font:             12px/20px "Verdana";
  padding-left:     36px;
  padding-right:    39px;
  padding-top:      28px;
  position:         absolute;
  width:            161px;
  height:           476px;
}

div#menu-right div.main {
  left:             472px;
}

div.menu a {
  color:            #2B200D;
  text-decoration:  none;
  position:         relative;
  z-index:          10000000;
}

div#menu-left a {
  padding-right:    12px;
}

div#menu-right a {
  padding-left:    12px;
}

div.menu a:hover {
  color:            #89693b;
}

div#menu-left a.submenu:hover {
  background:       right 5px url(../MGI_files/menu-submenu-left-highlight.gif) no-repeat;
}

div#menu-right a.submenu:hover {
  background:       0 5px url(../MGI_files/menu-submenu-right-highlight.gif) no-repeat;
}

div.menu div.background {
  background:       url(../MGI_files/menu-background.gif);
  height:           504px;
  left:             0;
  overflow:         hidden;
  position:         absolute;
  width:            708px;
}

div.menu div.background.homepage {
  background:       url(../MGI_files/menu-background-safari.png);
}

* html div.menu div.background.homepage {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../MGI_files/menu-background-ie6.png');
}

div.menu div.scroll {
  height:           504px;
  left:             0;
  overflow:         hidden;
  position:         absolute;
  width:            708px;
}

div#menu-right div.scroll {
  left:             -472px;
}

div.menu div.submenu, div.menu div.pagemenu {
  font:             11px/20px "Verdana";
  left:             236px;
  padding-left:     36px;
  padding-top:      28px;
  position:         absolute;
  width:            200px;
  height:           476px;
}

div.menu div.pagemenu {
  left:             472px;
}

div#menu-right div.submenu, div#menu-right div.pagemenu {
  padding-right:    36px;
  padding-left:      0px;
}

div#menu-right div.pagemenu {
  left:             0;
}

div.menu div.submenu p.level-up a, div.menu div.pagemenu p.level-up a {
  position:         absolute;
  top:              460px;
  left:             36px;
  background:       0 7px no-repeat url(../MGI_files/menu-level-up-left.gif);
  padding-left:     12px;
}

div#menu-right div.menu div.submenu p.level-up a, 
div#menu-rightdiv.menu div.pagemenu p.level-up a {
  left:             39px;
}

* html div.menu div.submenu p.level-up a, * html div.menu div.pagemenu p.level-up a {
  background:       0 7px no-repeat url(../MGI_files/menu-level-up-left.gif);
}

*+html div.menu div.submenu p.level-up a, *+html div.menu div.pagemenu p.level-up a {
  background:       0 7px no-repeat url(../MGI_files/menu-level-up-left.gif);
}

div.menu div.submenu p.level-up a:hover, div.menu div.pagemenu p.level-up a:hover {
  background:       0 7px no-repeat url(../MGI_files/menu-level-up-left-highlight.gif);
}

* html div.menu div.submenu p.level-up a:hover, * html div.menu div.pagemenu p.level-up a:hover {
  background:       0 7px no-repeat url(../MGI_files/menu-level-up-left-highlight.gif);
}

*+html div.menu div.submenu p.level-up a:hover, *+html div.menu div.pagemenu p.level-up a:hover {
  background:       0 7px no-repeat url(../MGI_files/menu-level-up-left-highlight.gif);
}

div#menu-right div.submenu p.level-up a, div#menu-right div.pagemenu p.level-up a {
  background:       right 6px no-repeat url(../MGI_files/menu-level-up-right.gif);
}

* html div#menu-right div.submenu p.level-up a, * html div#menu-right div.pagemenu p.level-up a {
  background:       right 7px no-repeat url(../MGI_files/menu-level-up-right.gif);
}

*+html div#menu-right div.submenu p.level-up a, *+html div#menu-right div.pagemenu p.level-up a {
  background:       right 7px no-repeat url(../MGI_files/menu-level-up-right.gif);
}

div#menu-right div.submenu p.level-up a:hover, div#menu-right div.pagemenu p.level-up a:hover {
  background:       right 6px no-repeat url(../MGI_files/menu-level-up-right-highlight.gif);
}

* html div#menu-right div.submenu p.level-up a:hover, * html div#menu-right div.pagemenu p.level-up a:hover {
  background:       right 7px no-repeat url(../MGI_files/menu-level-up-right-highlight.gif);
}

*+html div#menu-right div.submenu p.level-up a:hover, *+html div#menu-right div.pagemenu p.level-up a:hover {
  background:       right 7px no-repeat url(../MGI_files/menu-level-up-right-highlight.gif);
}

div#menu-right div.submenu p.level-up a, div#menu-right div.pagemenu p.level-up a {
  padding-right:    13px;
  width:            135px;
}

div.pagemenu div.title {
  font-weight:      bold;
  color:            #2B200D;
  font-size:        10px;
}

div.pagemenu ul {
  margin:           0;
  padding:          0;
  list-style-type:  none;
  color:            #2B200D;
  width:            161px;
}

div.pagemenu ul li {
/*
  height:           20px;
  line-height:      20px;
*/
  text-indent:      -15px;
  margin-left:       15px;
}

div.menu a.active {
  color:            #2B200D;
  font-weight:      bold;
  font-size:        10px;
}

div.menu div.main a.active {
  font-size:        11px;
}

div.pagemenu ul.subselection {
  position:         absolute;
  left:             36px;
  top:              59px;
}

div.pagemenu ul.filters {
  position:         absolute;
  left:             36px;
  bottom:           140px;
}

div.pagemenu ul.filters-full {
  position:         absolute;
  left:             36px;
  top:              165px;
}

div.pagemenu ul.actions {
  position:         absolute;
  left:             36px;
  bottom:           60px;
}

div#menu-right div.pagemenu ul.subselection,
div#menu-right div.pagemenu ul.filters,
div#menu-right div.pagemenu ul.filters-full,
div#menu-right div.pagemenu ul.actions {
  left:             39px;
}

/* TEXT CONTENT */

ul {
  list-style-type:  none;
  margin:           0;
  padding:          0;
}

li {
  color:             #2B200D;
  margin:            0;
  padding:           0;
}

li a {
  color:             #2B200D;
  text-decoration:   none;
}

li a:hover {
  color:             #89693b;
}

div.content-block {
  background:        url(../MGI_files/box-2-panels-background.jpg) #CCBFA5;
  float:             left;
  height:            504px;
  position:          relative;
}

div.content-block div.info {
  color:             #2B200D;
  float:             left;
  font-size:         10px;
  height:            420px;
  padding-left:      15px;
  padding-right:     15px;
  padding-top:       28px;
  position:          relative;
  width:             230px;
}

div.content-block div.info p {
  font:              10px/15px Verdana;
  margin-top:        0px;
  margin-bottom:     18px;
  padding:           0;
}

div.content-block div.info a {
  color:             #2B200D;
}

div.content-block div.info a:hover {
  color:             #89693b;
}

div.content-block div.headline {
  padding-bottom:     39px;
}

div.content-block h1 {
  color:             #89693b;
  font:              14px/15px Verdana;
  text-transform:    lowercase;
  margin:     0;
  padding:    0;
  margin-top: 6px;
}

div.content-block h2 {
  color:             #89693b;
  font:              11px/15px Verdana;
  text-transform:    lowercase;
  margin:     0;
  padding:    0;
  padding-bottom: 8px;
}

div.content-block div.title.second-column, div.content-block div.subtitle.second-column {
  left:              275px;
}

div.content-block div.info.wide {
  width:             360px;
}

div.content-block div.info.wide h1{
  font:              11px/15px Verdana;
  color:             #89693b;
  padding:           0;
  margin:            0;
  margin-bottom:     12px;
}

div.content-block div.info.wide p, div.content-block div.info.narrow p{
  padding:           0;
  margin:            0;
  margin-top:        0px;
  margin-bottom:     18px;
}

div.content-block div.info.narrow {
  width:             230px;
}

/* TEXT CONTENT ABOUT PAGES*/

div.about-block {
  background:        url(/Art/coat_of_arms.jpg) #CCBFA5;
  float:             left;
  height:            504px;
  width:             780px;
  position:          relative;
}

div.about-block div.info {
  color:             #2B200D;
  float:             left;
  font-size:         10px;
  height:            420px;
  padding-left:      275px;
  padding-right:     275px;
  padding-top:       28px;
  position:          relative;
  width:             230px;
}

div.about-block div.info h1{
  font:              11px/15px Verdana;
  color:             #89693b;
  padding:           0;
  margin:            0;
  margin-bottom:     12px;
}

div.about-block div.info a {
  color:             #2B200D;
}

div.about-block div.info a:hover {
  color:             #89693b;
}

/* MINI BAG */

div#minibag {
  position:          fixed;
  right:             100px;
}

* html div#minibag {
  position:          absolute;
  top:               0px;
  right:             expression((Position.getPageSize().page.width - Position.getPageSize().window.width - Position.scrollX()) + 165 + 'px');
}

div#minibag-container {
  position:          absolute;
  top:               -59px;
  right:             0;
  width:             1000px;
}

div#minibag-products {
  position:          relative;
  float:             right;
  height:            56px;
  overflow:          hidden;
}

div#minibag span.count {
  width:             24px;
  text-align:        right;
  margin-right:      4px;
  float:             left;
  display:           block;
}

div#minibag-products img {
  border:            0;
}

div#minibag-products div {
  float:             left;
  background:        url(../MGI_files/minibag-product-background.gif);
  width:             45px;
  height:            56px;
}

div#minibag ul {
  float:             right;
  height:            14px;
  margin:            0;
  padding-top:       36px;
}

div#minibag ul.legal-information {
  position:          absolute;
  height:            14px;
  margin:            0;
  padding-top:       0;
  top:               579px;
  right:             0;
}

div#minibag ul li {
  float:             left;
  margin-left:       10px;
}

div#minibag ul.legal-information li {
  float:             right;
}

div#minibag ul li a {
  color:             #b99c72;
}

div#minibag ul li a:hover {
  color:             #dec39b;
}

div#minibag ul li.important {
  font-weight:       bold;
  margin-left:       0;
}

/* SHOP ONLINE GENERAL STYLES */

div.products {
  overflow:          hidden;
}

/* LIGHTBOXES */

div.lightbox {
  float:             left;
  height:            504px;
  position:          relative;
  width:             260px;
}

div.lightbox div.tooltip {
  position:          absolute;
  top:               0;
  left:              0;
  text-align:        center;
  height:            14px;
  padding-top:       2px;
  color:             #2D200B;
  background:        #f8f8f8;
  font:              10px/10px Arial;
  border-top:        1px solid #fdfdfd;
}

div.lightbox.format-2x3 div.tooltip {
  top:               151px;
  width:             130px;
}

div.lightbox.format-1x3 div.tooltip {
  top:               151px;
  width:             260px;
}

div.lightbox.format-2x2 div.tooltip {
  top:               235px;
  width:             130px;
}

div.lightbox div.products {
  height:            504px;
  left:              0;
  position:          absolute;
  top:               0;
  width:             260px;
  z-index:           3;
}

div.lightbox.format-2x3 div.products {
  background:        url(../MGI_files/lightbox-2x3.jpg);
}

div.lightbox.format-2x2 div.products {
  background:        url(../MGI_files/lightbox-2x2.jpg);
}

div.lightbox.format-1x3 div.products {
  background:        url(../MGI_files/lightbox-1x3.jpg);
}

div.lightbox.format-2x3 div.products img, div.lightbox.format-2x3 div.products div.thumbnail {
  height:            168px;
  width:             130px;
}

div.lightbox.format-2x2 div.products img, div.lightbox.format-2x2 div.products div.thumbnail {
  height:            252px;
  width:             130px;
}

div.lightbox.format-1x3 div.products img, div.lightbox.format-1x3 div.products div.thumbnail {
  height:            168px;
  width:             260px;
}

div.lightbox div.products div.thumbnail {
  position:          relative;
}

* html div.lightbox div.products div.thumbnail {
  position:          relative;
}

*+html div.lightbox div.products div.thumbnail {
  position:          relative;
}

div.lightbox.format-2x3 div.products div.thumbnail {
  background:        none;
  cursor:            pointer;
  float:             left;
  overflow:          hidden;
}

div.lightbox.format-2x2 div.products div.thumbnail {
  background:        none;  
  cursor:            pointer;
  float:             left;
  overflow:          hidden;
}

div.lightbox.format-1x3 div.products div.thumbnail {
  background:        none;  
  cursor:            pointer;
  float:             left;
  overflow:          hidden;
}

div.lightbox div.darkening {
  background:        url(../MGI_files/lightbox-lowlight-overlay.jpg);
  position:          relative; 
  z-index:           10000; 
}

div.lightbox.format-2x3 div.darkening {
  height:            168px; 
  width:             130px; 
  top:               -168px;
}

div.lightbox.format-2x2 div.darkening {
  height:            252px;
  width:             130px; 
  top:               -252px;
}

div.lightbox.format-1x3 div.darkening {
  height:            168px;
  width:             260px; 
  top:               -168px;
}

div.lightbox div.product-image {
  background:        url(../MGI_files/product-gradient.jpg);
  height:            504px;
  overflow:          hidden;
  position:          absolute;
  right:             260px;
  top:               0;
  width:             260px;
  z-index:           2;
}

div.lightbox div.product-image.loading {
  background:        url(../MGI_files/shop-loading.gif);
}

div.lightbox div.product-image img {
  position:          relative;
}

div.lightbox div.container {
  height:            504px;
  overflow:          hidden;
  position:          relative;
  width:             auto;
}

div.lightbox div.details-wrapper {
  background:        url(../MGI_files/box-1-panel-background.png);
  height:            504px;
  position:          absolute;
  right:             0;
  top:               0;
  width:             260px;
  z-index:           1;
}

div.lightbox div.styles-wrapper {
  background:        url(../MGI_files/box-1-panel-background.png);
  height:            504px;
  position:          absolute;
  right:             -260px;
  top:               0;
  width:             260px;
  z-index:           1;
}

div.lightbox div.shopper-wrapper {
  background:        url(../MGI_files/shopper-panel-background.jpg);
  height:            504px;
  position:          absolute;
  right:             -520px;
  top:               0;
  width:             260px;
  z-index:           2;
}

* html div.lightbox div.details {
  position:          relative;
  zoom:              1; /* fix margin-top error */
  background:        top left url(../MGI_files/box-1-panel-background.png);
}

* html div.lightbox div.shopper {
  position:          relative;
  background:        top left no-repeat url(../MGI_files/shopper-panel-background.jpg);
}

* html div.lightbox div.shopper-wrapper {
  margin-right:      -6px;
}

div.lightbox div.style-list {
  position:          absolute;
  left:              12px;
  top:               64px;
  height:            372px;
  width:             237px;
  overflow:          hidden;
}

div.lightbox div.style-list.with-scrollbar {
  width:             215px;
}

div.lightbox div.current-style {
  background:        url(../MGI_files/gold-80.png);
}

* html div.lightbox div.current-style {
 background:        url(../MGI_files/gold-80.gif) !important;
}

div.lightbox div.active-style {
  background:        url(../MGI_files/bright-80.png);
}

* html div.lightbox div.active-style {
  background:        url(../MGI_files/bright-80.gif);
}

* html div.lightbox div.details div.active-style {
  background:        url(../MGI_files/selected-style-background.gif) !important;
}

*+html div.lightbox div.details div.active-style {
  position:          static;
  background:        url(../MGI_files/selected-style-background.gif) !important;
}

*+html div.lightbox div.active-style div.style-information {
  position:          static;
}

div.lightbox div.details-wrapper div.active-style {
  background:        left top repeat-x url(../MGI_files/selected-style-background.png);
}

div.lightbox {
  font:              10px/14px Verdana;
  color:             #2C200A;
}

div.lightbox ul.functions {
  background:        left bottom no-repeat url(/MGI_files/details-hr.gif);
  height:            23px;
  margin-bottom:     10px;
  margin-left:       11px;
  margin-right:      12px;
  margin-top:        31px;
  width:             237px;
}

div.lightbox ul.functions.bottom {
  position:          absolute;
  margin:            0;
  background:        left top no-repeat url(/MGI_files/details-hr-bottom.gif);
  top:               446px;
  left:              11px;
  padding-top:       16px;
}

div.lightbox ul.functions li {
  float:             right;
  margin-left:       15px;
  margin-right:      5px;
}

div.lightbox ul.headline {
  background:        left bottom no-repeat url(/MGI_files/details-hr.gif);
  height:            23px;
  margin-bottom:     10px;
  margin-left:       11px;
  margin-right:      12px;
  margin-top:        31px;
  width:             237px;
}

div.lightbox ul.headline li {
  float:             left;
  margin-left:       8px;
  margin-right:      5px;
}

div.lightbox ul.functions.bottom li {
}

div.lightbox ul.functions.bottom li div.button {
  margin:            0;
}

div.lightbox ul.functions.bottom li a.back {
  background:        0 4px no-repeat url(../MGI_files/menu-level-up-left.gif);
  padding-left:      12px;
}

div.lightbox ul.functions.bottom li a.back:hover {
  color:             #89693b;
  background:        0 4px no-repeat url(../MGI_files/menu-level-up-left-highlight.gif);
}

div.lightbox p, div.lightbox form {
  color:             #2C200A;
  margin:            0;
  margin-left:       19px;
  margin-right:      20px;
  width:             221px;
}

div.lightbox div.answer {
  margin-left: 19px;
  margin-right: 20px;
  margin-top: 100px;
  padding-bottom: 8px;
  background: left bottom no-repeat url(/MGI_files/details-hr-bottom.gif);
}

div.lightbox div.answer p {
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 14px;
  text-transform: none;
}

div.lightbox div.form-row {
  margin-top:        3px;
}

div.lightbox div.form-error {
  padding-left:     3px;
  padding-top:      5px;
  color:            #b90202;
  font-weight:      bold;
}

div.lightbox div.error {
  color:            #b90202 !important;
}

div.lightbox .field {
  width:             221px;
  font-size:         11px;
}

div.lightbox div.button {
  color:             #524022;
  height:            24px;
  margin-left:       18px;
  margin-bottom:     10px;
  text-align:        center;
  cursor:            pointer;
}

div.lightbox div.button div.content {
  float:             left;
  padding-top:       4px;
  height:            20px;
  padding-left:      20px;
  background:        url(../MGI_files/button.png);
}

* html div.button div.content {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/button.png',sizingMethod='crop');
}

div.lightbox div.button div.end {
  float:             left;
  height:            24px;
  width:             20px;
  background:        url(../MGI_files/button-end.png);
}

* html div.lightbox div.button div.end {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/button-end.png',sizingMethod='crop');
}

* html div.lightbox div.button div.content {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/button.png',sizingMethod='crop');
}

div.lightbox div.button.busy {
  background:        url(../MGI_files/button-busy.gif) repeat-x left center;
  border:            1px solid #a59784;
  overflow:          hidden;
  padding:           0;
  height:            13px;
  margin-top:        15px;
  margin-bottom:     14px;
  width:             219px;
  cursor:            wait;
}

div.lightbox div.button.busy div.content, div.lightbox div.button.busy div.end {
  display:           none;
}

div.lightbox div.style {
  color:             #2C200A;
  margin-top:        10px;
  padding-bottom:    0;
  padding-left:      19px;
  padding-right:     20px;
  padding-top:       5px;
  position:          relative;
}

* html div.lightbox div.style {
  zoom:              1;
}

*+html div.lightbox div.style {
  zoom:              1;
}

div.lightbox div.style-list-top {
  position:          absolute;
  z-index:           1000;
  left:              12px;
  top:               64px;
  width:             215px;
  height:            6px;
  background:        url(../MGI_files/scrollbar-fade-top.png)
}

* html div.lightbox div.style-list-top {
  background:        none;
  filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/scrollbar-fade-top.png',sizingMethod='scale');
}

div.lightbox div.style-list-bottom {
  position:          absolute; 
  z-index:           1000;
  left:              12px;
  top:               430px;
  width:             215px;
  height:            6px;
  background:        url(../MGI_files/scrollbar-fade-bottom.png)
}

* html div.lightbox div.style-list-bottom {
  background:        none;
  filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/scrollbar-fade-bottom.png',sizingMethod='scale');
}

div.lightbox div.scrollbar {
  position:          absolute;
  left:              230px;
  top:               70px;
  width:             16px;
  height:            360px;
  background:        url(../MGI_files/scrollbar-track.png);
  display:           none;
}

* html div.lightbox div.scrollbar {
  background:        none;
  filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/scrollbar-track.png',sizingMethod='scale');
}

div.lightbox div.scrollbar div.handle {
  cursor:            pointer;
  height:            77px;
  width:             16px;
  background:        url(/MGI_files/scrollbar-handle.png);
}

* html div.lightbox div.scrollbar div.handle {
  background:        none;
  filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/scrollbar-handle.png',sizingMethod='scale');
}

div.lightbox div.style-list div.style { 
  margin-top:        6px;
  margin-bottom:     0;
  padding-top:       3px;
  padding-bottom:    2px;
  padding-left:      6px;
}

div.lightbox div.styles div.style {
  cursor:            pointer;
}

div.lightbox div.style-information {
  text-transform:    none;
  position:          relative;
  height:            20px;
  margin-top:        2px;
}

div.lightbox div.style-number {
  color:             #756555;
  float:             left;
}

div.lightbox div.price {
  float:             right;
}

div.lightbox div.more-styles-wrapper {
  background:        url(../MGI_files/gold-80.png);
  height:            21px;
  padding-bottom:    7px;
  padding-left:      19px;
  padding-top:       2px;
}

* html div.lightbox div.more-styles-wrapper {
  background:       url(../MGI_files/gold-80.gif) !important;
}

*+html div.lightbox div.more-styles-wrapper {
  background:       url(../MGI_files/gold-80.gif) !important;
}

div.lightbox div.more-styles {
  background:        url(../MGI_files/more-styles-button.png) right top no-repeat;
  color:             #524022;
  cursor:            pointer;
  display:           block;
  font-size:         10px;
  height:            19px;
  margin-right:      18px;
  padding-top:       2px;
  padding-left:      12px;
}

* html div.lightbox div.more-styles {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/more-styles-button.png',sizingMethod='scale');
}

div.lightbox div.size {
  background:        repeat-x url(../MGI_files/selected-style-background.png);
  color:             #2C200A;
  padding-bottom:    5px;
  padding-left:      19px;
  padding-right:     20px;
  padding-top:       9px;
  height:            25px;
}

div.lightbox div.size select.size-select {
  text-transform:    none;
  margin-right:      5px;
}

div.lightbox div.size span.size-info {
  text-transform:    none;
}

div.lightbox div.product-image-unavailable {
  position:          absolute;
  top:               245px;
  left:              0;
  width:             260px;
  color:             #807465;
  z-index:           1000;
  text-align:        center;
}

* html div.lightbox div.size {
  background:        repeat-x url(../MGI_files/selected-style-background.gif);
}

*+html div.lightbox div.size {
  background:        repeat-x url(../MGI_files/selected-style-background.gif);
}

* html div.lightbox div.size select.size-select {
  visibility:        hidden;
}

div.lightbox div.size a {
  color:             #2C200A;
}

div.lightbox p.availability {
  padding-top:       10px;
  font-weight:       bold;
  margin-bottom:     10px;
}

div.lightbox p.info {
  color:             #807465;
  font:              10px/14px Verdana;
  padding-top:       0;
}

div.lightbox p.info a {
  color:             #4E432A;
}

div.lightbox div.size-guide {
  background:        url(../MGI_files/box-1-panel-background.png);
  position:          absolute; 
  right:             -260px;
  top:               0;
  width:             260px; 
  height:            504px;
}

div.lightbox div.size-guide p {
  font:              9px/13px Verdana;
  text-transform:    none;
  margin-bottom:     10px;
}

div.lightbox div.size-guide table {
  margin-top:        4px;
  padding-top:       0;
  border:            0;
  border-collapse:   collapse;
  color:             #2C200A;
  font:              9px/13px Verdana;
  width:             221px;
  margin-left:       19px;
  margin-right:      20px;
}

div.lightbox div.size-guide table th {
  text-align:        center;
  vertical-align:    top;
  font:              9px/13px Verdana;
  padding-top:       8px;
  font-weight:       bold;
  padding-top:       2px;
  padding-bottom:    2px;
}

div.lightbox div.size-guide table th span.note {
  font-weight:       normal;
}

div.lightbox div.size-guide table td {
  text-align:        center;
  font:              9px/12px Verdana;
  padding:           0;
  color:             #2C200A;
  border-top:        1px solid #ACA18D;
}

div.lightbox div.size-guide table thead tr {
 background-color:  #eeeadf;
 border-top:        1px solid #fff9f0;
 border-bottom:     1px solid #fff9f0;
 margin-bottom:     1px;
}

div.lightbox div.size-guide table tr.first td {
  border:            none;
}

/* NUMBER OVERLAYS FOR FASHION SHOWS */

div.number-overlay {
  position:          relative;
  margin-top:        -50px;
  height:            50px;
  left:              15px;
  z-index:           10000;
  font-size:         11px;
  color:             #000;
}

/* ZOOMER */

div.zoomer-button {
  color:             #000;
  cursor:            pointer;
  float:             left;
  font:              10px/9px Verdana;
  height:            15px;
  text-align:        center;
  z-index:           100000;
}

div.zoomer-button div.end {
  background:        url(../MGI_files/reset-button-end.png);
  float:             left;
  height:            18px;
  width:             9px;
}

* html div.zoomer-button div.end {
  background:        none;
  filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/reset-button-end.png',sizingMethod='crop');
}

div.zoomer-button div.content {
  background:        url(../MGI_files/reset-button.png) top left;
  float:             left;
  height:            15px;
  padding-left:      9px;
  padding-top:       3px;
}

* html div.zoomer-button div.content {
  background:        none;
  filter:            progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/reset-button.png',sizingMethod='crop');
}

div.zoomer-reset {
  bottom:            16px;
  left:              20px;
  position:          absolute;
}

div.zoomer-back {
  bottom:            16px;
  left:              20px;
  position:          absolute;
}

div.zoomer-360 {
  position:          absolute;
  bottom:            16px;
  text-align:        center;
}

div.zoomer-left {
  background:        url(../MGI_files/rotate-button-li2.png);
  height:            18px;
  width:             30px;
  border-right:      1px solid #d1d1d1;
  float:             left;
}

div.zoomer-start {
  background:        url(../MGI_files/start-stop.png);
  height:            15px;
  padding-left:      7px;
  padding-right:     7px;
  padding-top:       3px;
  border-right:      1px solid #d1d1d1;
  float:             left;
}

div.zoomer-right {
  background:        url(../MGI_files/rotate-button-re2.png);
  height:            18px;
  width:             30px;
  float:             left;
}

div.configuration-info {
  background:        left top repeat-x url(/MGI_files/details-hr.gif);
}

/* SPACERS */

div#branch {
  position: fixed;
  left: 20px;
  font: 14px Verdana;
  color: #C5B89E;
  padding: 3px;
  background: #F2EFE8;
  border-left: 1px solid #C5B89E;
  border-bottom: 1px solid #C5B89E;
  border-right: 1px solid #C5B89E;
}

* html div#branch {
  position: absolute;
}

div.spacer-column {
  float:             left;
  height:            504px;
  width:             65px;
  background:        url(../MGI_files/spacer-column.gif);
  cursor:            pointer;
}

/* **** forms **** */

div.form.first-column {
  height: 473px;
  background: url(/MGI_files/box-1-panel-background.png);
  position: absolute;
  left: 236px;
  top: 0;
  padding-left:       11px;
  padding-right:      12px;
  padding-top:        31px;
  width:             237px;
}
div.form.first-column h1 {
  font-size: 10px;
  font-weight: normal;
  margin: 0;
  height: 20px;
  color: #2D200D;
  background: left bottom no-repeat url(/MGI_files/details-hr.gif);
}
div.form.first-column h2 {
  font-size: 10px;
  font-weight: bold;
  margin: 0;
  margin-bottom:5px;
  height: 20px;
  color: #2D200D;
  background: left bottom no-repeat url(/MGI_files/details-hr.gif);
}
div.form.first-column div.form-row {
  margin-bottom: 2px;
}
div.form.first-column p.note {
  position: absolute;
  bottom:46px;
  padding-bottom:8px;
  width: 237px;
  background: left bottom no-repeat url(/MGI_files/details-hr-bottom.gif);
}
* html div.form.first-column p.note {
  bottom: 56px;
}
*+html div.form.first-column p.note {
  bottom: 56px;
}
div.form.second-column h2 {
  font-size: 10px;
  font-weight: bold;
  margin: 0;
  margin-bottom:5px;
  height: 20px;
  color: #2D200D;
  background: left bottom no-repeat url(/MGI_files/details-hr.gif);
}

div.form.second-column p input[type=checkbox] {
  margin: 0;
  margin-top: 3px;
  margin-bottom: 1px;
}

* html div.form.second-column p input {
  height: 18px;
}  
* html div.form.second-column p {
  margin: 0;
}
*+html div.form.second-column p input {
  height: 18px;
}  
*+html div.form.second-column p {
  margin: 0;
}
div.form.first-column p.description {
  height: 60px;
}
* html div.form.first-column p.description {
  margin-top: 8px;
}
* html div.form.first-column h2 {
  margin-top: -7px;
}
*+html div.form.first-column p.description {
  margin-top: 8px;
}
*+html div.form.first-column h2 {
  margin-top: -7px;
}  
div.form.second-column {
  top: 0;
  height: 373px;
  background: url(../MGI_files/shopper-panel-background.jpg);
  position: absolute;
  left: 496px;
  padding-left:       11px;
  padding-right:      12px;
  padding-top:        131px;
  width:             237px;
}
div.form.first-column .field {
  width:220px; 
}
div.form.second-column p.note {
  color: #807465;
  position: absolute;
  width: 237px;
  bottom:54px;
}
div.form.second-column p.note a {
  color: #807465;
}
* html div.form.second-column p.note {
  bottom:64px;
}
*+html div.form.second-column p.note {
  bottom:64px;
}
ul.functions.bottom {
  position:          absolute;
  margin:            0;
  background:        left top no-repeat url(/MGI_files/details-hr-bottom.gif);
  top:               446px;
  left:              11px;
  padding-top:       16px;
  width:             237px;
}
ul.functions.bottom li {
  float: right;
  margin-right: 8px;
}
div.form.first-column div.button, div.form.second-column div.button {
  float: right;
  color:             #524022;
  height:            24px;
  margin-left:       18px;
  margin-bottom:     10px;
  text-align:        center;
  cursor:            pointer;
}

div.form.first-column div.button div.content, div.form.second-column div.button div.content {
  float:             left;
  padding-top:       4px;
  height:            20px;
  padding-left:      20px;
  background:        url(../MGI_files/button.png);
}

div.form.second-column p span {
  cursor: pointer;
}

* html div.form.first-column div.button div.content {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/button.png',sizingMethod='crop');
}

* html div.form.second-column div.button div.content {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/button.png',sizingMethod='crop');
}

div.form.first-column div.button div.end, div.form.second-column div.button div.end {
  float:             left;
  height:            24px;
  width:             20px;
  background:        url(../MGI_files/button-end.png);
}

* html div.form.first-column div.button div.end {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/button-end.png',sizingMethod='crop');
}

* html div.form.first-column div.button div.content {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/button.png',sizingMethod='crop');
}

* html div.form.second-column div.button div.end {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/button-end.png',sizingMethod='crop');
}

* html div.form.second-column div.button div.content {
  background:       none;
  filter:           progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/MGI_files/button.png',sizingMethod='crop');
}

/* Safari will ignore all following rules, note the trailing # */
div.menu div.background.homepage {
  background:        url(../MGI_files/menu-background.png);#
}