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

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

.container .hidden { visibility: hidden; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; }

/* 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; }
div.relatedProduct div.thumbnail { border: 1px solid #CCC; }

/* 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: 2; }
div.productAction div.imageContainer ul { list-style: none; margin: 0; }
div.productAction div.imageContainer ul li { margin: 0; position: absolute; text-align: center; cursor: url(/modules/Shop/templates/default/icons/magnify.cur),url(../icons/magnify.cur),default; }
div.productAction div.imageContainer ul li img { cursor: url(/modules/Shop/templates/default/icons/magnify.cur),url(../icons/magnify.cur),default; vertical-align: middle; }

/* 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 properties */
div.productProperties { float: left; position: relative; overflow: hidden; z-index: 2; }
div.productProperties div.imageZoom { position: absolute; }
div.productProperties div.imageZoom img { position: absolute; }

/* Product details */
div.productDetail { margin-right: 20px; float: left; }
div.productDetail img.loader { display: block; margin: 60px auto; visibility: visible; background: transparent; }
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; border: none; }
div.productDetail div.price div.form div.button { padding: 2px 8px; margin: 0; border: none; }
div.productDetail div.price div.form div.button input { margin-bottom: 2px; }
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: 2.7em; float: left; padding-left: 5px; }
div.productDetail div.price div.error { margin: 0; padding: 2px 8px 2px 23px; background-position: 3px 3px; text-align: left; }
div.productDetail div.property { border-bottom: 1px solid #414141; margin-bottom: 0.5em; }

div.fb-comments { margin: 20px 0; }

/* Product details - Social media */
div.productAction div.social { float: left; }
div.productAction div.social div.title { font-weight: bold; }
div.productAction div.social ul { list-style: none; margin: 10px 10px 0 10px; }
div.productAction div.social ul li,
div.productAction div.social ul li a { display: block; margin: 0; padding: 0; }
div.productAction div.social ul li a { background-position: left top; background-repeat: no-repeat; width: 40px; height: 39px; margin-bottom: 10px; }
div.productAction div.social ul li a:hover { background-position: left -39px; }
div.productAction div.social ul li.facebook a { background-image: url(../images/background-facebook.png); }
div.productAction div.social ul li.hyves a { background-image: url(../images/background-hyves.png); }
div.productAction div.social ul li.twitter a { background-image: url(../images/background-twitter.png); }
div.productAction div.social ul li.linkedin a { background-image: url(../images/background-linkedin.png); }
div.productAction div.social ul li.gplus a { background-image: url(../images/background-gplus.png); }

/* 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; }

/* Basket / Order overview screen */
.container div.ShopModule table#orderProducts,
.container div.ShopModule table#orderActionsPrice { border: none; width: 100%; }
.container div.ShopModule table#orderActionsPrice tr td { border: none; padding: 0.5em; }
.container div.ShopModule table#orderActionsPrice tr td.rule { border-top: 1px dashed #333; }

.container div.ShopModule table#orderProducts { margin-bottom: 0; }
.container div.ShopModule table#orderProducts thead td { border-right: none; padding: 0.5em; border-bottom: 1px solid #333; }
.container div.ShopModule table#orderProducts tbody td { border-right: none; border-bottom: none; border-top: 1px solid #333; padding: 0.5em; }
.container div.ShopModule table#orderProducts tfoot td { border: none; padding: 0.5em; }
.container div.ShopModule table#orderProducts tfoot tr.rule td { border-top: 1px dashed #333; }
.container div.ShopModule table#orderProducts td strong { margin-bottom: 0; }

.container div.ShopModule div.basketOverviewAction table#orderProducts tbody td.amount,
.container div.ShopModule div.basketOverviewAction table#orderProducts tbody td.total { width: 60px; }
.container div.ShopModule div.basketOverviewAction table#orderProducts tbody td.edit { width: 80px; }

.container div.ShopModule table#orderProducts ul { list-style: none; margin: 0; }
.container div.ShopModule table#orderProducts ul li { margin-left: 0; font-style: italic; }

.container div.ShopModule div.checkoutAction div#customerShipping { overflow: hidden; }
.container div.ShopModule div.checkoutAction div.customer,
.container div.ShopModule div.checkoutAction div.customer_shipping,
.container div.ShopModule div.checkoutAction div.customer_notes,
.container div.ShopModule div.checkoutAction table.newsletter,
.container div.ShopModule div.checkoutAction div.customer_agreement { margin-bottom: 0; }
.container div.ShopModule div.checkoutAction table.newsletter,
.container div.ShopModule div.checkoutAction div.customer_agreement { padding-top: 4px; }
.container div.ShopModule div.checkoutAction div.customer table,
.container div.ShopModule div.checkoutAction div.customer_shipping table,
.container div.ShopModule div.checkoutAction div.customer_notes table,
.container div.ShopModule div.checkoutAction table.newsletter,
.container div.ShopModule div.checkoutAction div.customer_agreement table,
.container div.ShopModule div.checkoutAction div.customer_create_account table { border: none; margin: 0; }
.container div.ShopModule div.checkoutAction div.customer table tbody td,
.container div.ShopModule div.checkoutAction div.customer_shipping table tbody td,
.container div.ShopModule div.checkoutAction div.customer_notes table tbody td,
.container div.ShopModule div.checkoutAction table.newsletter tbody td,
.container div.ShopModule div.checkoutAction div.customer_agreement table tbody td,
.container div.ShopModule div.checkoutAction div.customer_create_account table tbody td { border: none; padding: 0; }

.container div.ShopModule div.checkoutAction div#addressContainer { position: relative; margin: 0; }
.container div.ShopModule div.checkoutAction div#addressOther { position: absolute; }

.container div.ShopModule div.checkoutAction div#customerCountry { width: 135px; position: relative; float: right; margin: 0; }
.container div.ShopModule div.checkoutAction div#customerCountry select { position: absolute; left: 0; }

.container div.ShopModule div.checkoutAction hr { margin: 10px 0; width: 633px; }
.container div.ShopModule div.checkoutAction input { vertical-align: middle; margin: 0 0 3px 0; font-family: inherit; font-size: 100%; float: left; }
.container div.ShopModule div.checkoutAction input.radio,
.container div.ShopModule div.checkoutAction input.checkbox { float: none; }
.container div.ShopModule div.checkoutAction td.span-7 label { display: block; width: 270px; margin-bottom: 6px; }
.container div.ShopModule div.checkoutAction input#gender_male,
.container div.ShopModule div.checkoutAction input#shipping_gender_male { margin-right: 3px; }
.container div.ShopModule div.checkoutAction input#gender_female,
.container div.ShopModule div.checkoutAction input#shipping_gender_female { margin-right: 3px; margin-left: 3px; }
.container div.ShopModule div.checkoutAction input#name_last,
.container div.ShopModule div.checkoutAction input#shipping_name_last { width: 226px; float: right; }
.container div.ShopModule div.checkoutAction input#street,
.container div.ShopModule div.checkoutAction input#shipping_street { width: 262px; margin-right: 3px; }
.container div.ShopModule div.checkoutAction input#street_nr_add,
.container div.ShopModule div.checkoutAction input#shipping_street_nr_add { float: right; }
.container div.ShopModule div.checkoutAction input#zipcode,
.container div.ShopModule div.checkoutAction input#shipping_zipcode { margin-right: 3px; }
.container div.ShopModule div.checkoutAction input#city,
.container div.ShopModule div.checkoutAction input#shipping_city { width: 266px; float: right; }
.container div.ShopModule div.checkoutAction input#city.showcountry,
.container div.ShopModule div.checkoutAction input#shipping_city.showcountry { width: 127px; float: left; margin-right: 3px; }
.container div.ShopModule div.checkoutAction input#password,
.container div.ShopModule div.checkoutAction input#password_again { width: 166px; }
.container div.ShopModule div.checkoutAction input#password_again { float: right; }
.container div.ShopModule div.checkoutAction span.country { padding-left: 5px; }
.container div.ShopModule div.checkoutAction select#country { width: 135px; font-size: 100%; font-family: inherit; padding: 0; vertical-align: top; margin: 0; }
.container div.ShopModule div.checkoutAction label.required { display: block; background: url(../icons/bullet_green.png) no-repeat right 3px; }

/* Payment AfterPay */
.container table.payment_afterpay select { font-size: 100%; font-family: inherit; padding: 0; vertical-align: top; margin: 0 2px 0 0; }

.container div.ShopModule div.basketOverviewAction select#country { width: 205px; margin: 0; padding: 3px 4px; }
.container div.ShopModule div.basketOverviewAction input#actions-code { width: 170px; margin: 0; padding: 4px; font-family: inherit; font-size: 100%; }
.container div.ShopModule div.basketOverviewAction input#actions-code.accepted { width: 170px; 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,
.container a.button.right { float: right; margin-right: 0; }
.container button.left,
.container a.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: 10px center;
    background-repeat: no-repeat;
}

.container .relative { position: relative; }
.container .loader-small { background: url(../images/loader-gray-small.gif) no-repeat 50% 50%; position: absolute; top: 0; left: 0; margin: 0; visibility: hidden; }
.container .loader { background: url(../images/loader-gray-small.gif) no-repeat left 3px; visibility: hidden; font-style: italic; }

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

/* Tag Filter */
div.ShopModule div.productTagFilterAction { margin: 10px 0; }
div.ShopModule div.productTagFilterAction ul { list-style: none; margin: 0; padding-bottom: 4px; }
div.ShopModule div.productTagFilterAction ul.current-tags { margin-bottom: 0; }
div.ShopModule div.productTagFilterAction ul li { margin-left: 0; }
div.ShopModule div.productTagFilterAction ul li.no-tags { font-style: italic; font-size: 0.9em; }
div.ShopModule div.productTagFilterAction ul li a { padding: 0; }
div.ShopModule div.productTagFilterAction ul li img { vertical-align: middle; }
div.ShopModule div.productTagFilterAction ul li ul li { padding-left: 10px; }

/* Pagination */
div.pagination-options form { margin: 0; }
div.pagination-options div.filters { padding: 5px 30px 5px 0; margin: 0; }
div.pagination-options div.clear { margin: 0; }
div.pagination-options div.filters div.filter { float: left; height: 100px; overflow: hidden; overflow-y: scroll; margin: 0 4px 4px 0; border: 1px solid #CCC; }
div.pagination-options div.filters div.filter div.option { margin: 0; padding: 2px 4px; white-space: nowrap; padding-right: 20px; } /* padding-right is Safari bug 'fix' */
div.pagination-options div.filters div.filter div.option.odd { background: #D7E9F5; }
div.pagination-options div.filters div.filter div.option.title { font-weight: bold; }
div.pagination-options div.filters div.filter div.option.disabled { font-style: italic; color: #AAA; }
div.pagination-options div.filters div.filter div.option input { vertical-align: middle; margin: 0 2px 0 0; }
div.pagination-options div.filters div.filter div.option input[disabled] { cursor: default; }

/* Payment- / Shipping methods */
.container div.ShopModule div.orderOptions { margin-bottom: 20px; }
.container div.ShopModule div.orderOptions div.shippingMethods,
.container div.ShopModule div.orderOptions div.paymentMethods { margin: 0; }
.container div.ShopModule div.orderOptions div.clear { margin-bottom: 1em; }
.container div.ShopModule div.orderOptions table { width: 100%; border: 0 none; margin-bottom: 0; }
.container div.ShopModule div.orderOptions table td { border: 0 none; padding: 0; }

.container div.ShopModule div.orderOptions table td table { border: 1px solid #CCC; width: auto; border-collapse: collapse; width: 100%; margin-bottom: 15px; }
.container div.ShopModule div.orderOptions table table th,
.container div.ShopModule div.orderOptions table table td { border-top: 0 none; border-right: 0 none; border-bottom: 1px dashed #CCC; padding: 8px 4px; }
.container div.ShopModule div.orderOptions table table th { width: 21px; }
.container div.ShopModule div.orderOptions table table td.morepadding { padding: 8px; }
.container div.ShopModule div.orderOptions table table td label { display: block; }
.container div.ShopModule div.orderOptions table table td p { margin-bottom: 0; }
.container div.ShopModule div.orderOptions table table td button { margin: 0; }
.container div.ShopModule div.orderOptions table table td div.relative { margin-bottom: 0; }

.container div.ShopModule div.orderOptions table td table.customerLogin td { border-bottom: 0 none; }
.container div.ShopModule div.orderOptions table td table.customerLogin input { width: 140px; padding: 4px; margin: 0; }
.container div.ShopModule div.orderOptions table td table.customerLogin input#customer_email { margin-right: 8px; font-family: inherit; font-size: 100%; }
.container div.ShopModule div.orderOptions table td table.customerLogin input#customer_password { font-family: inherit; font-size: 100%; }
.container div.ShopModule div.orderOptions table td table.customerLogin table { border: 0 none; margin-bottom: 8px; }
.container div.ShopModule div.orderOptions table td table.customerLogin table td { padding: 0; }
.container div.ShopModule div.orderOptions table td table.customerLogin a { line-height: 2em; }

div.ShopModule div.paymentHandler { font-style: italic; margin: 5px 0; background: url(../images/loader-gray-small.gif) no-repeat 50% 50%; }
div.ShopModule div.paymentHandler div.error { background-image: none; padding: 0.4em 0.8em; margin: 0; }
div.ShopModule div.paymentHandler select { margin: 0; padding: 3px 4px; width: 275px; }

div.ShopModule div.onUserConfigurationLoadedAction { position: relative; }
div.ShopModule div.onUserConfigurationLoadedAction div.loader { position: absolute; z-index: 99; background: #FFF url(../images/loader-gray.gif) no-repeat center center; visibility: hidden; margin: 0; }
div.ShopModule div.onUserConfigurationLoadedAction table { width: 100%; }
div.ShopModule div.onUserConfigurationLoadedAction table tr.odd { background: #D7E9F5; }
div.ShopModule div.onUserConfigurationLoadedAction table thead a { margin: 0; }
div.ShopModule div.onUserConfigurationLoadedAction table#orderActionsPrice { margin-bottom: 0; }

div.ShopModule div.onUserConfigurationLoadedAction table.customer label { display: inline; text-align: left; float: none; width: auto; padding-right: 0; }
div.ShopModule div.onUserConfigurationLoadedAction table.customer td { padding: 2px 0; }

div.container a.nextstep { margin-left: 5px; }