﻿.shadow{
-moz-box-shadow: 3px 3px 4px #999; /* Firefox */
-webkit-box-shadow: 3px 3px 4px #999; /* Safari, Chrome */
box-shadow: 3px 3px 4px #999; /* CSS3 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')"; /* For IE 8 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999'); /* For IE 5.5 - 7 */
}

.clear{
clear:both;
}
.spacer{
clear:both;
line-height:1px;
}
.screws{
clear:both;
height:27px;
text-align:center;
}
.screws a img{
margin:3px;
}
.screws a:hover img{
margin:2px;
border:solid 1px #fff;
}
.topleft{
float:left;
margin:4px;
}
.topright{
float:right;
margin:4px;
}
.botleft{
float:left;
margin:4px;
}
.botright{
float:right;
margin:4px;
}

.notice{
font-weight:bold;
color:#990000;
}

.carticon{
float:right;
position:relative;
cursor:pointer;
}
.carticon .simpleCart_quantity{
position:absolute;
left:16px;
top:15px;
font-size:16px;
font-weight:bold;
}

#cart{
position:absolute;
top:70px;
right:2em;
z-index:9;
width:220px;
padding:0 4px;
font-size:14px;
color:#000;
background-color:#E0E0E0;
border:solid 1px #999;
border-right-color:#666;
border-bottom-color:#666;
}
#cart .close{
cursor:pointer;
float:right;
margin:4px 0px;
font-weight:bold;
border:solid 1px #000;
line-height:12px;
padding:1px 2px;
background-color:#D0D0D0;
}
#cart .close:hover{
background-color:#E0E0E0;
}
.cartheader{
float:left;
margin:0px;
font-weight:bold;
}
.simpleCart_items{
clear:both;
width:100%;
}
.simpleCart_items .headerRow{
display:none;
}
.simpleCart_items .itemRow{
border-top:solid 1px #666;
margin-bottom:4px;
clear:both;
}
.item-price{
float:left;
width:80px;
}
.item-quantity{
float:left;
width:20px;
text-align:center;
}
.item-increment, .item-decrement{
float:left;
width:12px;
text-align:center;
line-height:14px;
margin-top:6px;
background-color:#666;
}
.item-increment:hover, .item-decrement:hover{
background-color:#999;
}
.item-increment a, .item-decrement a{
color:#fff;
text-decoration:none;
}
.item-total{
float:right;
}
.carttotal{
clear:both;
border-top:double 3px #666;
margin-top:12px;
}
.carttotal .label{
float:left;
}
.carttotal .simpleCart_quantity{
float:left;
}
.carttotal .simpleCart_total{
float:right;
}
.cartbuttons{
clear:both;
text-align:center;
margin-top:28px;
margin-bottom:8px;
}
.cartbuttons a.simpleCart_empty{
color:#000;
background-color:#D0D0D0;
text-decoration:none;
border:solid 1px #999999;
border-right-color:#000000;
border-bottom-color:#000000;
padding:0 3px 1px 2px;
margin-right:20px;
}
.cartbuttons a.simpleCart_empty:hover{
color:#000;
background-color:#E0E0E0;
text-decoration:none;
}
.cartbuttons a.simpleCart_checkout{
color:#000;
background-color:#FEDE9F;
text-decoration:none;
border:solid 1px #FF9933;
padding:0 6px 1px 6px;
}
.cartbuttons a.simpleCart_checkout:hover{
color:#000;
background-color:#FFECC7;
text-decoration:none;
}

.content strong{
font-weight:bold;
}
.content h1{
color:#000080 !important;
font-weight:bold;
font-size:150%;
margin-bottom:8px;
}
.content h2{
font-weight:bold;
font-size:120%;
margin-top:8px;
margin-bottom:6px;
}
.content h3{
font-weight:bold;
margin-bottom:3px;
}
.content p{
margin-bottom:6px;
}
.content ul {
list-style-type: disc;
padding-left: 20px;
}
.content a{
color:#006600;
font-weight:bold;
text-decoration:none;
}
.content a:hover{
color:#009900;
text-decoration:underline;
}
hr.blue{
color:#000080;
background-color:#000080;
border:none;
border-top:solid 1px #FFF;
margin:15px 0;
height:1px;
clear:both;
}
hr.gray{
color:#ccc;
background-color:#ccc;
border:none;
margin:15px 0;
height:2px;
}
table.grid{
border-right:solid 2px #666;
border-bottom:solid 2px #666;
}
table.grid td{
padding:4px;
text-align:center;
border-top:solid 1px #666;
border-left:solid 1px #666;
}
td.ljust{
text-align:left !important;
}
table.padded td{
padding:4px;
}
p.indent{
margin:-6px 0px 0px 20px;
}

div.product{
display:block;
clear:both;
width:480px;
height:128px;
margin-bottom:12px;
}
div.product p{
white-space:nowrap;
text-align:center;
font-weight:bold;
}
div.product span.normal{
font-weight:normal;
}
div.product a.chocolat-image{
float:left;
margin-right:10px;
}

span.ComingSoon{
border:solid 1px #FF9933;
background-color:#FEDE9F;
color:#000;
padding:0 2px;
margin:4px;
font-weight:bold;
}
input.AddToCart{
border:solid 1px #FF9933;
background-color:#FEDE9F;
color:#000;
padding:0 2px;
margin:4px;
font-weight:bold;
}
a.AddToCart{
border:solid 1px #FF9933;
background-color:#FEDE9F;
color:#000;
padding:0 2px;
margin:4px;
}
a.AddToCart:hover{
background-color:#FFECC7;
color:#000;
text-decoration:none;
}


.purchase{
padding:2px;
background-color:#F8FAFC;
border:solid 1px #B0B8D0;
border-top-color:#E0E8F0;
border-left-color:#E0E8F0;
}
@media (min-width: 48em) {
 .purchase{
 margin-left:12px;
 }
}
.priceandbuttons{
text-align:center;
margin-top:12px;
}

#logo{
width:400px;
}
@media (max-width: 48em) {
 #logo{
  width:200px;
 }
}

.comingsoon{
color:#900;
font-weight:bold;
font-style:italic;
}
.outofstock{
color:#900;
font-weight:bold;
font-style:italic;
}
.wow{
color:#C00;
font-weight:bold;
}
.not{
color:#999;
padding-bottom:8px;
display:inline-block;
}
.oldprice{
color:#999;
text-decoration:line-through;
}
#footer{
clear:both;
margin:10px auto 0px;
text-align:center;
color:#666;
}

li.spaced {margin-top:8px}

li.spaced > ul{
list-style: none;
margin-left: 0;
padding-left: 1.2em;
text-indent: -1.2em;
}
li.spaced > ul > li:before{
content: "▸";
display: block;
float: left;
width: 1.2em;
}

.unselectable {
-webkit-touch-callout:none;
-webkit-user-select:none;
-khtml-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:pointer;
}

select option:disabled {
color: #999;
background-color: #DDD;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /*16:9*/  
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#overlay{
position:fixed;
display:none;
width:100%;
height:100%;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,0.4); /* Black background with opacity */
z-index:10;
cursor:default;
}

@media print{
html{background-image:none;background-color:white;}
#menu{display:none;}
}