/* Misc */
.strong { font-weight: bold; }
.icon { vertical-align: middle; }

/* Overlay */
div.opacity {
  opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=60); /* IE lt 8 */
  -ms-filter: "alpha(opacity=60)"; /* IE 8 */
  -khtml-opacity: .60; /* Safari 1.x */
  -moz-opacity: .60; /* FF lt 1.5, Netscape */
}

/* category */
div.category { float: left; width: 267px; margin: 5px; }
.container div.nothumbnail,
.container a.nothumbnail { border: 1px solid #CCC; text-align: center; margin-right: 10px; margin-bottom: 10px; background: #F2F2F2; text-decoration: none; color: #333; font-style: italic; }
div.thumbnail { margin-bottom: 10px; }

/* Product details */
div.productDetail h2 { margin-top: 0; }
div.productDetail div.price { background: #989898; color: #FFF; text-align: center; margin-bottom: 1em; }
div.productDetail div.price div.form { margin-top: 10px; padding: 5px; background: #414141; }
div.productDetail div.price div.form form { margin: 0; }
div.productDetail div.price div.form form button { float: right; padding: 2px 8px; margin: 0 0 0 5px; background: #989898; color: #FFF; border: none; }
div.productDetail div.price div.form form button img { vertical-align: middle; }
div.productDetail div.price div.form form input.amount { width: 25px; float: left; font-family: inherit; font-size: 100%; border: none; }
div.productDetail div.price span.price { font-size: 2.5em; font-weight: bold; line-height: 1.6em; }
div.productDetail div.price span.discountPrice { font-size: 1.2em; text-decoration: line-through; line-height: 1.5em; }
div.productDetail div.property { border-bottom: 1px solid #414141; margin-bottom: 0.5em; }

/* Product details - images */
div.productAction div.imageCanvas { border: 1px solid #E6E6E6; margin-bottom: 0.5em; position: relative; overflow: hidden; }
div.productAction div.imageCanvas div { background-color: #000; color: #FFF; font-weight: bold; position: absolute; bottom: 0; text-align: center; padding: 10px 0; z-index: 999; }
div.productAction div.imageContainer ul { list-style: none; margin: 0; }
div.productAction div.imageContainer ul li { margin: 0; position: absolute; text-align: center; }

/* Product details - image selector*/
div.productAction div.imageSelector { margin-bottom: 1em; }
div.productAction div.imageSelector a,
div.productAction div.imageSelector a:link,
div.productAction div.imageSelector a:active,
div.productAction div.imageSelector a:visited { background: #989898; padding: 2px 8px; color: #FFF; text-decoration: none; font-weight: bold; }
div.productAction div.imageSelector a:hover,
div.productAction div.imageSelector a:focus,
div.productAction div.imageSelector a.active { background: #414141; }

/* Product details - Extra options */
div.productAction ul.productOptions { list-style: none; }
div.productAction ul.productOptions { margin-left: 0; }
div.productAction ul.productOptions li { margin-left: 8px; background: url(../icons/bullet_black.png) no-repeat left 3px; padding-left: 20px; }

/* Agreement */
div.agreement {  width: 600px; }
div.agreement h2 { margin: 0px; }
div.agreement div.iframe { height: 300px; overflow: auto; }

/* Basket */
div#basket { float: right; background: transparent url(/modules/Shop/templates/default/images/basket.gif) no-repeat right top; padding-right: 30px; }
div.priceBasket { background: url(/modules/Shop/templates/default/images/basket.gif) no-repeat 0 -4px; width: 28px; height: 25px; cursor: pointer; float: right; }
div#shipping { overflow: hidden; }

/* Basket / Order overview screen */
.container div.ShopModule div.basketOverviewAction table,
.container div.ShopModule div.checkoutAction table { border: none; width: 100%; margin-bottom: 10px; }
.container div.ShopModule div.basketOverviewAction table thead td,
.container div.ShopModule div.checkoutAction table thead td { border-right: none; border-bottom: 1px solid #333; color: #333; padding: 0.5em; }
.container div.ShopModule div.basketOverviewAction table tbody td, 
.container div.ShopModule div.checkoutAction table tbody td { border-right: none; border-bottom: none; border-top: 1px solid #333; padding: 0.5em; }
.container div.ShopModule div.basketOverviewAction table tfoot td,
.container div.ShopModule div.checkoutAction table tfoot td { border: none; padding: 0.5em; }
.container div.ShopModule div.basketOverviewAction table#orderProducts tfoot tr.rule td,
.container div.ShopModule div.checkoutAction table#orderProducts tfoot tr.rule td { border-top: 1px dashed #333; }
.container div.ShopModule div.basketOverviewAction table tbody td.amount,
.container div.ShopModule div.basketOverviewAction table tbody td.total { width: 60px; }
.container div.ShopModule div.basketOverviewAction table tbody td.edit { width: 80px; }
.container div.ShopModule div.basketOverviewAction table td strong,
.container div.ShopModule div.checkoutAction table td strong { color: #333; }
.container div.ShopModule div.basketOverviewAction table td input { width: 25px; }
.container div.ShopModule div.basketOverviewAction table#orderProducts,
.container div.ShopModule div.checkoutAction table#orderProducts { margin-bottom: 0; }
.container div.ShopModule div.basketOverviewAction table#orderActionsPrice tr td,
.container div.ShopModule div.checkoutAction table#orderActionsPrice tr td { border: none; }

.container div.ShopModule div.basketOverviewAction form#order div { margin: 0 3px 3px 0; }
.container div.ShopModule div.basketOverviewAction form#order hr { margin: 10px 0; width: 633px; }
.container div.ShopModule div.basketOverviewAction form#order input { vertical-align: middle; }
.container div.ShopModule div.basketOverviewAction form#order input#name_last,
.container div.ShopModule div.basketOverviewAction form#order input#shipping_name_last { width: 108px; }
.container div.ShopModule div.basketOverviewAction form#order input#street,
.container div.ShopModule div.basketOverviewAction form#order input#shipping_street { width: 301px; }
.container div.ShopModule div.basketOverviewAction form#order input#city,
.container div.ShopModule div.basketOverviewAction form#order input#shipping_city { width: 266px; }

div.basketOverviewAction form input { font-family: inherit; font-size: 100%; }

.container div.ShopModule div.basketOverviewAction div.actions-code { background: #989898; padding: 8px; color: #FFF; float: left; }
.container div.ShopModule div.basketOverviewAction div.actions-code label { color: #FFF; }
.container div.ShopModule div.basketOverviewAction div.actions-code input { border: none; width: 70px; margin-left: 8px; }
.container div.ShopModule div.basketOverviewAction div.actions-code input.accepted { padding-left: 20px; background-image: url(/core/templates/backend/default/css/bluetrip/img/icons/tick.png); background-repeat: no-repeat; background-position: 2px; }

div.priceRule { border-bottom: 1px dotted #FFF; }
p.priceRuleName { float: left; }
p.priceRuleValue { float:right; width: 72px; }

/* Buttons */
.container button.right { float: right; }
.container button.left { float: left; }

/* customer details */
textarea#notes { height: 100px; }

/* notice icons */
body .container .success { background-image: url(/core/templates/backend/default/images/icon.success.png); }
body .container .notice { background-image: url(/core/templates/backend/default/images/icon.notice.png); }
body .container .error { background-image: url(/core/templates/backend/default/images/icon.error.png); }
body .container .info {
    border: 2px solid #DDDDDD;
    margin-bottom: 1.6em;
    padding: 0.8em;
    background-color: #E4E3FB;
    border-color: #C4C2FB;
    color: #111F8A;
    background-image: url(/core/templates/backend/default/images/icon.info.png);
}
body .container .success,
body .container .notice,
body .container .error,
body .container .info {
    padding-left: 35px;
    background-position: 8px 11px;
    background-repeat: no-repeat;
}

/* Payment back selection */
.container div.paymentPrepareAction select { float: left; width: 200px; }
.container div.paymentPrepareAction button { float: left; margin-left: 10px; }