/* 
    Document   : hiller_leaded_crystal_shop_styles
    Created on : 22.01.2010, 21:48:38
    Author     : andreas
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


/*
Color Scheme:

Background: #d9c8a9;
light-background: #d9c8a9
DECORATION: #bf9c5a;
background: #000000;

Normal Text: ba8c5f  ba8c5f
Strong Text: edcaa9

*/


html, body
{
  margin: 0px;
  padding: 0px;
}

body
{
  position: relative;
/*  background-image: url('../images/bg_image.jpg'); */
  font-size: 13px;
  text-align: center; /* IE hack to center sub-div */
  color: #3d2218;
  line-height: 1.5em;
  font-family: ventura, sans-serif;
  background-color: #8d7268;
  background-image: url('../images/bg_blumen_image.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* override magento standard classes */
.cms-index-index,
.cms-home,
.catalog-category-view,
.checkout-cart-index
{
    margin: 0px;
    padding: 0px;
    border: 0px;
}

#footer-bar hr
{
    margin-top: 2px;
    margin-bottom: 2px;
    border: none;
    border-top: 1px #8d7268 solid;
}


h1, h2, h3, h4, h5, h6
{
  font-weight: bold;
  color: #2e1912;
  font-style: normal;
}

h1
{
    font-size: 1.3em;
}

h2
{
    font-size: 1.2em;
}

h3
{
    font-size: 1.1em;
}

h4
{
    font-size: 1.0em;
}

table
{
  background: none;
  color: inherit;
  border-collapse: collapse;
}

table tbody
{
  background: none;
  color: inherit;
}

table th
{
    background: #dcc8a0;
  border: #8d7268 solid 1px;
}

table tr
{
  background: none;
  color: inherit;
}

table td
{
  background: none;
  color: inherit;
  border: #8d7268 solid 1px;
}

a img
{
    border: 1px #3d2218 solid;
}

label{
/*    color: #3d2218; */
    color: inherit;
    font-size: 0.9em;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

input, button
{
    border: 1px #8d7268 solid;
    background: #fcf6e9;
    color: #2e1912;
}

button
{
    border: 1px #8d7268 solid;
    background: #fcf6e9;
    color: #1e0902;
    padding: 2px;
}

button:hover
{
    background: #dcc8a0;
}

select
{
    border: 1px #fcf6e9 solid;
    background: #8d7268;
    color: #edcaa9;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}


.strong-text {
    color: #edcaa9;
}

fieldset
{
  margin-top: 0.5em;
  border: none;
  border-top: 1px black solid;
  padding-left: 0px;
  padding-right: 0px;
}

fieldset legend
{
  margin-left: 0.5em;
}

a,
a:link,
a:hover,
a:active,
a:visited
{
  color: #3d2218;
}

a:hover,
a:active
{
  color: #2e1912;
}


.header-bar-wide
{
}

h1#logo
{
    padding: 0px;
    margin: 0px;
}

.header-bar-content
{
  float: none;
  clear: both;
  line-height: 1em;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px; /* Achtung: Darf keinesfalls ein Padding aufweisen */
  width: 975px;
  line-height: 1em;
  padding: 0px;
  overflow: hidden;
}

.header-bar-content a,
.header-bar-content a:link,
.header-bar-content a:hover,
.header-bar-content a:active,
.header-bar-content a:visited
{
  font-weight: bold;
  color: #F0F0F0;
  decoration: none;
}

.header-bar-content a:hover
{
  color: #FFFFFF;
  text-decoration: underline;
}




.header-menu-bar
{

}


.header-cart-top
{
    position: relative;
    left: auto;
    top: auto;
}

#header-cart
{
    position: relative;
    left: auto;
    top: auto;
}

.header-bar-content img,
.header-bar-content a img
{
    border: none;
}

.header-bar-content ul
{
    list-style: none;
    display: inline;
}

.header-bar-content ul li
{
    list-style: none;
    display: inline;
}

.header-bar-content .links { float:right; margin:0 0 6px; }
.header-bar-content .links li { float:left; font-size:1em; /* background:url(../images/bkg_pipe1.gif) 100% 60% no-repeat; */ padding:0 5px 0 5px; }
.header-bar-content .links a {font-weight: bold; /* c~olor:#ebbc58; */ }



#header-bar input,
#header-bar select
{
    font-size: 10px;
    font-family: Verdana, Arial, sans;
}

#header-bar hr.end-separator
{
    border: none;
    margin: 0px;
    padding: 0px;
    height: 10px;
    clear: both;
}

.clear
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 1px;
    height: 1px;
    clear: both;
    overflow: hidden;
}

#header-bar-logo
{
  float: left;
  clear: left;
  font-weight: bold;
  font-family: Georgia, serif;
  color: #66AAFF;
  font-size: 24px;
  font-style: italic;
  width: 200px;
  overflow: hidden;
}

#langsel
{
    float: left;
    clear: right;
    font-size: 10px;
    font-family: Verdana, Arial, sans;
    margin-bottom: 20px;
}


#login
{
    float: right;
    clear: right;
    font-size: 10px;
    font-family: Verdana, Arial, sans;
    margin-bottom: 20px;
}

.header-bar-superfunc
{
    border-top: #3d2218 5px solid;
    height: 2em;
}

.header-bar-logo
{
    margin-bottom: 10px;
}

.header-bar-logo .float-right
{
    padding-top: 35px;

}

.header-bar-menu
{
    height: 2em;
    margin-bottom: 5px;
}


#header-bar-logo a,
#header-bar-logo a:link,
#header-bar-logo a:hover,
#header-bar-logo a:visited,
#header-bar-logo a:active,
#header-bar-logo a img
{
  color: #66AAFF;
  text-decoration: none;
  border: none;
}

#basket-menu
{
    float: right;
    clear: right;
}

#basket-menu a,
#basket-menu a:link,
#basket-menu a:hover,
#basket-menu a:visited,
#basket-menu a:active
{
  text-decoration: none;
}

#basket-menu a:hover
{
  text-decoration: underline;
}

#basket-menu ul
{
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
}

#basket-menu ul li
{
  list-style: none;
  display: inline;
  padding: 0px;
  margin: 0px;
}

#main-area
{
  border: none;
  position: relative;
  clear: both;
  float: none;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0px;
  width: 975px;
  text-align: left;
  overflow: hidden; /* IE needs that */
  height: 100%;
  /*
  background-color: #FFFFFF;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	-khtml-opacity: 0.90;
	opacity: 0.90;
  */
  border: #8d7268 solid 1px;
  background-color: transparent;
  background-image: url('../images/bg_white_80_opacity.png');
  background-repeat: repeat-x repeat-y;
}

.hc-category-image
{
    position: relative;
    height: 200px;
    overflow: hidden;
}

.hc-category-image img
{
    margin-top: -250px;
    margin-bottom: auto;
    border: 0;
    width: 100%;
}

.hc-category-image h1,
.hc-category-image h2
{
    position: absolute;
    top: 130px;
    right: 20px;
    z-index: 1;
    text-shadow: 2px 2px 0.1em #333333;
    color: #1e0902;
    font-size: 30px;
}


#main-area:after
{
  display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;
}


#main-area .main-left-shading-border,
#main-area .main-right-shading-border
{
    width: 0px;
    height: 600px;
    background-image: url('../images/main_left_right_border.jpg');
    overflow: hidden;
}

#main-area .main-left-shading-border
{
    float: left;
}

#main-area .main-right-shading-border
{
    float: right;
}

#main-area-inner
{
  padding-top: 20px;
}

#main-area-inner:after
{ display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }


#main-left-column,
#main-right-column
{
  clear: none;
  float: left;
  padding: 0px;
  margin: 0px;
}

#main-left-column
{
  width: 190px;
  float: left;
  margin-left: 10px;
  margin-rigth: 0px;
  overflow: hidden;
}

#main-right-column
{
  width: 190px;
  float: right;
  margin-left: 0px;
  margin-right: 10px;
  overflow: hidden;
}


.content-block,
.content-block-nopadding
{
  border: 0px;
  border-width: 1px;
  padding: 10px;
  margin: 0px;
  margin-bottom: 20px;
}

.content-block-nopadding
{
  padding: 0px;
}

#main-content
{
  background-color: #FFFFFF;
}

#main-left-column .block-header
{
    display: block;
    color: #edcaa9;
    border-bottom: 1px #3d2218 dotted;
    margin-bottom: 0.5em;
}

.col-1-layout
{
  float: left;
  top: 0px;
  width: 952px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.col-2-left-layout,
.col-2-right-layout
{
  float: left;
  top: 0px;
  width: 742px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}

.col-2-left-layout
{
  float: right;
}

.col-2-right-layout
{
  float: left;
  width: 742px;
  overflow: hidden;
}

.col-3-layout
{
  float: left;
  top: 0px;
  left: 250px;
  width: 532px;
  margin-left: 10px;
  margin-right: 10px;
  overflow: hidden;
}



#footer-bar
{
  clear: both;
  font-size: 10px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  padding-left: 10px;
  padding-right: 10px;
}

#footer-bar hr
{
    border: none;
    border-top: 1px #8d7268 solid;
}

/*
  Category menu
*/

ul.context-menu
{
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  line-height: 1.5em;
}

ul.context-menu a:link,
ul.context-menu a:hover,
ul.context-menu a:active,
ul.context-menu a:visited
{
    text-decoration: none;
}

ul.context-menu a:hover
{
    text-decoration: underline;
}


ul.context-menu li
{
  display: block;
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
}

ul.context-menu li ul
{
  margin: 0px;
  padding: 0px;
}

ul.context-menu li ul li
{
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

.langsel-dropdown
{
    position: relative;
    line-height: 1.1em;
    background-color: #111111;
}

.langsel-dropdown a,
.langsel-dropdown a:link,
.langsel-dropdown a:hover,
.langsel-dropdown a:active,
.langsel-dropdown a:visited
{
  color: #3d2218;
  text-decoration: none;
}


.langsel-dropdown ul
{
    white-space: nowrap;
    position: absolute;
    left: -9999px;
    margin: 0px;
    padding: 0px;
    list-style: none;
    background-color: #111111;
    border: #222222;
}

.langsel-dropdown ul li
{
    white-space: nowrap;
    margin: 0px;
    padding-left: 5px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
}


.langsel-dropdown:hover ul
{
    left: auto;
}

.langsel-dropdown li:hover
{
    background-color: #000000;
    color: #edcaa9;
}

.langsel-dropdown li a:hover
{
    background-color: #000000;
    color: #edcaa9;
}

.hcd-commerce-category-entry
{
    border: none;
}

.hcd-commerce-clear
{
    clear: both;
    height: 1px;
    overflow: hidden;
}


.box .base-mini
{
    margin-bottom: 10px;
}

.box .base-mini h4
{
    margin-bottom: 10px;
    border-bottom: 1px dotted #3d2218;
}
.buttons-set {border-top:1px solid #8d7268;}

.welcome-msg {
    float: left;
    font-size: 0.95em;
}
#header-cart {
    position: absolute;
    z-index: 20;
    width: 200px;
    right: 0;
    top: 7px;
}
#header-cart .head {
    margin-bottom: 7px;
    padding-right: 8px;
}
#header-cart .head h4 {
    cursor: pointer;
    float: none;
    display: inline;
    padding-left: 15px;
    background: url(../images/icon-cart.gif) no-repeat 0 50%;
}
#header-cart .head h4,
#header-cart .head h4 a {
    color: #ababab;
    font-size: 0.95em;
    font-weight: normal;
}
#cart-content {
    background: #292a34;
    border: 1px solid #727379;
    border-top: none;
    padding: 0 3px 5px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-radius: 0 0 8px 8px;
    color: #aaa;
    position: absolute;
    top: 23px;
    right: 0px;
    width: 200px;
}
#cart-content .product-images {
    float: left;
}
#cart-content .product-images img {
    border: 1px solid #a9a9a9;
}
#cart-content .product-details {
    margin: 0 0 0 60px;
}
#cart-content h6 {
    color: #1E7EC8;
    text-indent: 5px;
}
#cart-content li {
    clear: both;
}
#cart-content a:hover {
    color: #aaa;
}
#cart-content .actions a span {
    cursor: pointer;
}
#cart-content #center-buttons {
    padding-top: 5px;
    clear: both;
    text-align: center;
}

.cart-collaterals .col-2
{
    position: relative;
    overflow: visible;
}

.cart-collaterals .col-2 .totals
{
    position: absolute;
    left: 360px;
    top: 0px;
}


#slider
{
    height: 200px;
    position: relative;
    width: 930px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 13px;
    border: 1px solid #ccc;
}
div.scroller
{
    height: 200px;
    overflow: hidden;
    width: 930px;
    zoom: 1;
}
div.scroller .content
{
    padding: 0;
}
div.slidercontrolwr
{
    position: absolute;
    right: 15px;
    top: 15px;
}
div.scroller img
{
    border: none;
}
div.scroller div.section
{
    float: left;
    height: 200px;
    overflow: hidden;
    width: 930px;
}
div.scroller div.content
{
    width: 10000px;
    float: left;
}
.slidercontrol
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.slidercontrol a
{
    color: #aaa;
    filter: alpha(opacity=60);
    float: left;
    height: 14px;
    margin: 0px 2px;
    opacity: 0.6;
    overflow: hidden;
    padding: 0px;
    text-decoration: none;
    text-indent: -1000px;
    width: 14px;
}
.slidercontrol a:hover
{
    filter: alpha(opacity=100);
    opacity: 1;
}
.content .sliderdescription
{
    background: url(../images/grid.gif) repeat left top;
    color: #222;
    filter: alpha(opacity=50);
    font: 12px bold Helvetica, sans-serif;
    left: 15px;
    opacity: 0.5;
    padding: 10px;
    position: relative;
    top: -100px;
    width: 650px;
}
div.sliderdescription:hover, .sliderdescription.active
{
    background-color: #fff !important;
}
.content a
{
    font: 12px bold Helvetica, sans-serif;
    text-decoration: none;
}
.aprev
{
    background: url(../images/aprev.gif) no-repeat 3px 3px;
}
.anext
{
    background: url(../images/anext.gif) no-repeat 3px 3px;
}
.astop
{
    background: url(../images/astop.gif) no-repeat 3px 3px;
}
.aplay
{
    background: url(../images/aplay.gif) no-repeat 6px 3px;
}

.footerl .mini-newsletter {
    float: left;
    clear:both;
    width:390px;
    text-align: left;
}
.footerl {
    float: left;
}
.footerl .mini-newsletter h4{
    color: #505050;
    margin-right: 10px;
}
.footerl form, .footerl .mini-newsletter h4 {
    float: left;
    line-height: 30px;
    font-size: 11px;
}
.footerl .mini-newsletter input.input-text {
    float: left;
}
.footerl .form-button-alt{
    float: right;
    margin:3px 0px 0px 6px;
}

.footer .footer-menu
{
    margin-bottom: 10px;
}

.footer .f-left
{
    text-align: left;
    width: 85%;
}
.footer .f-right {
    text-align: right;
    width: 15%;
}


.form-button, .form-button-alt {
}

.form-button:hover, .form-button-alt:hover {
    border-color: #888;
    color: #333;
}

.base-mini {
  border-top: 1px #8d7268 solid;
  margin-bottom: 20px;
}

.base-mini .head
{
    background-color: #fcf6e9;
}

.toolbar
{
    background-color: #3d2218;
    color: #FFFFFF}

.toolbar a,
.toolbar a:link,
.toolbar a:active,
.toolbar a:hover,
.toolbar a:visited
{
  font-weight: bold;
  color: #F0F0F0;
}

.toolbar a:hover
{
  color: #FFFFFF;
}


.block
{
    border: #3d2218 solid 1px;
    background: #3d2218;
    color: #FFFFFF}

.block .block-title
{
    border-bottom: #FFFFFF solid 2px;
}

.block a,
.block a:link,
.block a:active,
.block a:hover,
.block a:visited
{
  font-weight: bold;
  color: #F0F0F0;
}

.block a:hover
{
  color: #FFFFFF;
}

.products-list .link-more
{
    display: block;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.products-grid li.item {
    float: left;
    padding-bottom: 90px;
    padding-left: 5px;
    padding-right: 4px;
    padding-top: 0;
    width: 171px;
}

h2.product-name
{
    font-weight: bold;
}


.product-view .product-shop {
    width: 390px;
}


/* === Compare === */

.page-popup .link-print { background:url(../images/i_print.gif) 0 2px no-repeat; padding:2px 0 2px 25px; font-weight:bold;  /* c~olor:#1e7ec8; */ }
.compare-table tbody th,
.compare-table tbody td { padding:10px; border:0;
                         border-top:1px solid #8d7268;
                         border-left:1px solid #8d7268; }
.compare-table tbody td.last { border-left:1px solid #8d7268 }
.compare-table tbody tr.last th,
.compare-table tbody tr.last td { border-left:1px solid #8d7268 }
.compare-table tr.add-to-row td { /* b~ackground:#fffada; */ text-align:center; }


.link-compare
{
    display: none;
}


/*
VERTNAV RESET
*/


.vertnav-container {
    /*
  background-color: #fcf6e9 ;
  border: 1px solid #8d7268;
  margin-bottom: 20px;
    */
  border: #3d2218 solid 1px;
  background: #3d2218;
  color: #FFFFFF
}

#vertnav li .vertnav-cat {
	display:block;
/*        border-bottom: 1px dotted #dcc8a0; */
	padding:3px;
        width: auto;
}

#vertnav .inactive .vertnav-cat {
	background-color: transparent;
}

#vertnav .next .vertnav-cat {
	background-color: transparent;
}

#vertnav .prev .vertnav-cat {
	background-color: transparent;
}

#vertnav .first .vertnav-cat {
}

#vertnav .last .vertnav-cat {
}

#vertnav .only .vertnav-cat {
}

#vertnav li.parent .vertnav-cat {
        background: transparent;
	font-weight:bold;
}

#vertnav li.active .vertnav-cat {
        background: transparent;
	font-weight:bold;
}

#vertnav li.inactive .vertnav-cat {
	font-weight:normal;
}

#vertnav .level0 .vertnav-cat {
}

#vertnav .level1 .vertnav-cat {
	padding-left:10px;
	width:182px;
}

#vertnav .level2 .vertnav-cat {
	padding-left:20px;
	width:172px;
}

#vertnav .level3 .vertnav-cat {
	padding-left:30px;
	width:162px;
}


/* opc */

.opc .step-title { border:1px solid #8d7268; border-top-color: #8d7268; background: #fcf6e9; padding:4px 8px 6px; text-align:right; }
.opc .step-title .number { float:left; background: #fcf6e9; border:1px solid ##dcc8a0; padding:0 3px; margin:0 5px 0 0; font:normal 11px/12px arial, helvetica, sans-serif; color: #3d2218;}
.opc .step-title h2 { float:left; margin:0; font:bold 1.1em Arial, Helvetica, sans-serif; color: #3d2218; }
.opc .step-title a { display:none; float:right; font-size:11px; line-height:16px; }

.opc .allow .step-title { background: #fcf6e9; border-color: #8d7268; border-top-color: #3d2218; color: #3d2218; cursor:pointer; }
.opc .allow .step-title .number {color: #2e1912;}
.opc .allow .step-title h2 { color: #2e1912; }
.opc .allow .step-title a { display:block; font-size: 1em; color: #2e1912; text-transform:uppercase; }

.opc .active .step-title { background: #8d7268; border-color: #8d7268; border-top-color: #3d2218; padding-bottom:5px; #2e1912; cursor:default; }
.opc .active .step-title .number { color: #2e1912;}
.opc .active .step-title h2 { color: #2e1912; }
.opc .active .step-title a { display:none; }

.opc .step { border:1px solid #8d7268; border-top:0; padding:15px 30px; position:relative; }
.opc .step .tool-tip { right:30px; }


/* Easy Catalog Imgage */

.catalogimg-listing {line-height:1.35em;}
.listing-catalogimg-grid img,
.listing-catalogimg-grid a img
{
    border: 0;
}
.listing-catalogimg-grid {overflow: hidden; zoom: 1;}
.listing-catalogimg-grid .grid-row { border-bottom:1px solid  #fcf6e9; }
.listing-catalogimg-grid li.item { float:left; padding:12px 0px; line-height:1.6em; overflow:hidden; text-align:left;}
.listing-catalogimg-grid .last { border-bottom:0 none;}

.col-3-layout .listing-catalogimg-grid li.item {width:138px;}
.col-2-right-layout .listing-catalogimg-grid li.item {width:205px;}

.listing-catalogimg-grid .grid-row:after { content:"."; display:block; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }

/* === CONTENT BLOCK === */

.std ul {margin: 0px; list-style-type: square; list-style-position:outside;}
.std ul li {
    margin: 0px;
    margin-left: 1em;
}