/* generic styles */
body {
    /* reset iPad and browser based on webkit recalculations of paddings and margins */
    -webkit-text-size-adjust: none;
    font-family: Century Gothic, Arial, Trebuchet MS, Verdana, sans-serif !important;
}

p, h1, h2, h3, h4, h5, a {
    color: black;
}

a:link {
    text-decoration: underline;
}

.giftSets .pagination>li>a, .pagination>li>span{
    color: black
}

.pag_active{
    color: white;
    border-color: #ed5565;
    background: #ed5565;
}

.message {
    padding:10px;
}

.sideborder {
    border-left:1px solid #DDDDDD !important;
    border-right:1px solid #DDDDDD !important;
}

.divider {
    margin-top: 13px;
}

.free-shipping-checkout {
    padding-top: 8px;
    text-align: right;
    font-weight: bold;
    color: #6AC8D0 !important;
}

.free-shipping-text {
    font-weight: bold;
    color: #6AC8D0 !important;
}

.stock {
    color: black;
    font-size:14px !important;
    font-weight: bold;
    margin-bottom:0;
    margin-top:15px;
}

.free-shipping-banner {
    margin-right: 25px;
}

.shipping-search {
    margin: 0;
    padding: 20px;
    float: right;
}

.inc_gst {
    font-size:13px;
    vertical-align:bottom;
    float: left;
    font-weight: normal;
}
.viewlarger {
    margin-top:10px;
    font-size:12px !important;
}

#amounts .lines{
    border:1px solid silver;
}

#order_creditcard_cardExpiryYear {
    margin-left:5px;
}

@media (max-width: 967px) {
    #order_creditcard_cardExpiryYear {
        margin-left:0;
    }
}

.confirmation-text{
    line-height: 30px;
}

a.link_no_underline {
    text-decoration: none;
}

a.link_no_underline:hover {
    text-decoration: underline;
}

a:hover {
    color: #6AC8D0 !important;
}

.nohover:hover {
    background: black !important;
}

.recently_viewed {
    padding-top:10px;
    padding-bottom:30px;
    font-size:12px;
}

.breadcrumb {
    margin-bottom:20px;
    font-size:12px !important;
    border-radius: 0;
    background: #F8F8F8;
}

.breadcrumbcontainer {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top:1px solid #DDDDDD;
}

.topselling,
.topsellingproduct {
    font-size:20px;
    font-weight: bold;
    text-transform: uppercase;
}

.topselling {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.topsellingproduct {
    font-size:20px;
    font-weight: bold;
    text-transform: uppercase;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 0 !important;
}

.topsellingproduct > span,
.topsellingproduct > span a {
    font-size:14px;
    text-transform: initial;
}

[id^="product_name_"]{
    font-size:14px;
}

[id^="price_"] {
    font-size:20px;
    color: black;
    font-weight:bold;
}

.circle-text {

}
.circle-text:after {

}

.circle-text p {
    float:left;
    width:100%;
    padding-top:20%;
    line-height:1em;
    margin-top:-0.5em;
    text-align: left;
    color:black;
}

.linethrough {
    text-align:center;
    border-bottom:1px solid silver;
    margin-bottom:20px !important;
}

.linethrough h4 {
    display:inline-block;
    position:relative;
    top:20px;
    background:#fff;
}

.viewall {
    margin-bottom:30px;
    color: gray !important;
}

.viewall a {
    color: gray !important;
}

.picture-with-margin-brands-list img {
    margin-bottom:5px;
}

button[name^="order"]{
    width:170px !important;
    text-align: center !important;
    padding:10px !important;
    margin: 5px !important;
}

#addresses {
    width:350px !important;
}

@media (max-width: 767px) {
    #addresses {
        width:300px !important;
    }
}

/* used in search result and manufacturer list by brands to keep items aligned*/
.pfixheight {
    height:80px;
}

.headermanufacturer {
    margin-top:0;
}

/* header */
.navbar-header {
    margin: 0 !important;
}

.header-search-icon{
    float: left;
}

.glyphicon {
    font-size:20px;
    padding:5px;
    padding-bottom: 0px;
    padding-top: 0px;
    background-image: none;
}
.search-string-input{
    padding-right: 0;
}
@media (max-width: 980px) {
    .glyphicon {
        padding-top: 15px;
    }
}
@media (max-width: 767px) {
    .glyphicon {
        padding-top: 5px;
    }
}

.logindiv ul li {
    padding: 0 !important;
}

.logindiv .cartInfo .glyphicon{
    font-size: 11px;
}

.forgottenpassword {
    font-size:11px;
}

.topline {
    padding-top:10px;
    background-color: #F8F8F8;
}

.topline p {
    background-color: #F8F8F8;
    color: black !important;
}

.topline ul li a {
    color: black !important;
}

.toplinephone {
    padding-left:0 !important;
}

@media (max-width: 767px) {
    .toplinephone {
        padding-left:20px !important;
    }
}

.loginandcartxs {
    margin:0 !important;
    padding: 0 !important;
}

.list-unstyled a,.footer p, .list-unstyled li:first-child {
    color:black !important;
}

.loginandcartxs a {
    float:left !important;
}

.topheader, .footer {
    background: black !important;
}

.footerback {
    background: #f8f8f8;
}

.footer_border {
    border-top: 1px solid #DDDDDD !important;
}

.footer {
    background: #F8F8F8 !important;
    border-left:1px solid #DDDDDD !important;
    border-right:1px solid #DDDDDD !important;
}

#topblack {
    background: black;
    color: #75CBCF !important;
    padding-top:10px;
    margin-bottom:10px;
}

#topblack .navbar-nav li a {
    color: white !important;
}

#topblack a:hover,
#topblack .navbar-nav li a:hover {
    background-color:black !important;
    border: none !important;
    color: #75CBCF !important;
}

#topblack p {
    color: #75CBCF !important;
}

.topheader {
    padding:0 !important;
}

.bottomheader {
    padding-left: 0px !important;
    width:980px;
}

@media (max-width: 767px) {
    .bottomheader {
        padding-left: 0 !important;
    }
}

.bottomheader a {
    color: black !important;
}

.header_mobile img {
    padding: 10px !important;
}

.navbar-collapse {
    padding-left:0;
}

/* tooltip for login and cart */
#tooltip-login, #tooltip-cart {
    display:none;
    position:absolute;
    right:0;
    *top:45px;
    border-radius:5px;
    box-shadow:2px 2px 3px rgba(0,0,0,.2);
    border:1px solid white;
    background-color:white;
    text-shadow:-1px -1px 0 #F4F4F4;
    color:black;
    font-size:14px;
    padding:10px;
    z-index:2;
}

#tooltip-cart {
    right:10px;
    width:200px;
}

.logindiv a {
    margin: 0 !important;
    padding:0 !important;
    padding-right: 23px !important;
}

.logindiv ul li a.showlogin {
    color: #6FC8CE !important;
}

.logindiv ul li a.showlogin:hover {
    color: black !important;
}

.tooltip {
    font-size:16px;
}

.tooltip_left {
    float:left;
}
.tooltip_right {
     float:right;
}

#login_form {
    display:none;
}

/* navigation under header */
.nav > li > a {
    padding-left:0 !important;
    padding-right: 0 !important;
    padding-bottom: 7px !important;
}

@media (max-width: 767px) {
    .nav > li > a {
        padding-left: 40px !important;
    }
}

/* this value needs to stay 10, otherwise menu on ipad (vertical) goes in two lines */
.nav > li {
    padding-right: 10px;
}

.navbar-nav li a {
    color: black !important;
    text-decoration: none;
    border-bottom:5px solid transparent;
}

/* needs to stay here, after the previous RULE */
.toplineformobile li a,
.toplineformobile li {
    color:white !important;
    padding: 15px !important;
}

.toplineformobile {
    width:250px;
}

.navbar-nav li a:hover {
    border-bottom: 5px solid #6FC8CE !important;
}

.navbar-nav .active a {
    background: transparent !important;
    border-bottom: 5px solid #6FC8CE !important;
}

.navbar-nav .highlight a {
    background: transparent !important;
    border-bottom: 5px solid black !important;
    font-weight: bold;
}

/* search input text and add to cart button*/
.searchButton {
    font-weight:bold;
    margin-left:-10px;
    padding: 5px;
}

#addtocart {
    margin-top:10px !important;
}

.buyMore {
    padding: 8px;
    text-decoration: none;
    margin-left: -5px;
}

.searchButton:hover,
#addtocart:hover,
.ui-button:hover,
.black:hover {
    color:#6FC8CE !important;
    border: 2px solid white !important;
}

#addtocart,
.searchButton,
.ui-button,
.black {
    background: black !important;
    border:2px solid white !important;
    border-radius: 5px !important;
    color: white !important;
    font-weight: bold !important;
}

.searchButton,
#searchStringInput {
    float:left;
}

#searchStringInput {
    border:3px solid white;
    width:280px;
    border-radius: 0;
    border:none;
    padding:0;
    padding-left:10px;
}

#search_magnifier {
    padding-top:5px;
    margin-left:-20px;
    cursor:pointer;
}

#search_div {
    width:350px;
}

@media (min-width: 979px) and (max-width:1200px) {
    #search_div {
        width:317px;
    }
}

@media (min-width: 767px) and (max-width:979px) {
    #search_div {
        width:260px;
    }
    #searchStringInput {
        width:230px;
        margin-top:10px;
    }
    #search_magnifier {
        margin-top:12px;
    }
}

@media (max-width: 767px) {
    .navbar-default .navbar-collapse, .navbar-default .navbar-form  {
        border:none;
    }
}

/* pagination links float left on smaller devices */
.paginationlinks {
  float: left;
}

@media (min-width: 768px) {
    .paginationlinks {
        float: right !important;
    }
}

/* invoice */
.table_invoice td {
    border-bottom:1px solid #DDDDDD;
}

p.bottom-margin-zero {
    margin-bottom: 0;
}

/* picture margins on search listing */
.picture-with-margin-search {
    margin-right:40px;
    margin-bottom:30px;
}

/* picture margins on listing by brand */
.picture-with-margin-brands-list {
    margin-right:30px;
    margin-bottom:20px;
}

.left_by_letter {
    border:1px solid silver !important;
    height:500px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-top:12px;
}

@media (max-width: 767px) {
    .left_by_letter {
        width: 80%;
        height:250px;
        margin-left: 10%;
    }
}

.left_by_letter .active {
    font-weight:bold;
    font-size:16px;
    background-color: #56C1C7;
}

.left_by_letter li {
    border: none !important;
    padding: 0 !important;
    padding-left: 10px !important;
}

.letter_title {
    padding-left: 10px !important;
    font-size: 14px !important;
    text-transform: uppercase;
    background: black;
    color:white;
    padding:5px;
    margin:0;
    border-radius: 2px;
}

.left_by_letter li:hover,
.left_by_letter li a:hover,
.letters_table td:hover
{
    background: #56C1C7;
    color: black !important;
}

/* left menu based on letter */
.letters_table {
    /*border:1px solid #DDDDDD !important;*/
    margin-top:12px;
    margin-bottom:12px;
    padding:0;
    border-collapse: separate;
}

.letters_table td {
    border:1px solid #DDDDDD;
    text-align: center;
    width:2px;
}

.letters_table .active {
    background: #56C1C7 !important;
    font-weight: bold;
}

/* carousel */
/*
.carousel-inner img {
    height: 330px;
}
*/

.carousel-indicators {
    top: 100%;
	left:36px;
    background: blue !important;
}

#slider .carousel-indicators .active {
    background: #53C4CA !important;
}

#slider .carousel-indicators li {
    border: 1px solid #302E2F !important;
    background-color: #302E2F;
}

.wrapper {
    max-width: 1100px;
    padding: 0 20px 40px 20px;
    margin: auto;
}

.jcarousel-wrapper {
    margin: 20px auto;
    position: relative;
    border: 3px solid black;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 0;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
}

.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.jcarousel li {
    padding:20px;
    width: 100px;
    float: left;
    /*border: 1px solid #fff;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.jcarousel img {
    display: block;
    max-width: 100%;
    height: auto !important;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    text-align: center;
    background: #4E443C;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}

.jcarousel-control-prev {
    left: -40px;
}

.jcarousel-control-next {
    right: -40px;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    text-decoration: none !important;
}

/* footer */
#security {
    margin-top:7px;
}

#credit {
    margin-right:30px;
}

.security_div {
    margin-left:70px;
}

.nomarginnopadding {
    margin:0 !important;
    padding-left: 40px !important;
}

.footer_border {
    border-top:1px solid white;
    margin-bottom:10px;
    margin-top:20px;
    padding-top:10px;
}

.footer_border p {
    margin-top:60px;
    font-size:12px;
}

.list-unstyled a,
.footer p {
    color:silver;
}

.list-unstyled li:first-child {
    margin-top: 20px;
    margin-bottom: 10px;
    color: white;
    font-weight:bold;
}

/* dialog popup generic styling */
.ui-corner-all {
    border-radius:0 !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-widget {
    font-family: Century Gothic, Arial, Trebuchet MS, Verdana, sans-serif !important;
}

.ui-dialog {
    padding: 0;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 0;
}

.ui-state-default .ui-icon {
    background-image: url(/bundles/webscents/images/ui-icons_888888_256x240.png) !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 22px !important;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-dialog-titlebar {
    font-family: Century Gothic, Arial, Trebuchet MS, Verdana, sans-serif !important;
}

.ui-dialog-titlebar {
    background: black;
    color: white;
    border:1px solid black;
    border-bottom:5px solid #6FC8CE;
}

.ui-dialog-buttonpane {
    border:none;
    margin-top: 0;
    margin-bottom:10px;
}

.ui-dialog .form-control,
.form-control {
    border:1px solid silver;
    border-radius: 0;
}

.ui-dialog .form-control {
    width: 232px;
}

.ui-dialog {
    border:1px solid black;
    padding: 0 !important;
}

#checkouttitle {
    background-color:black;
    color:white;
    font-weight:bold;
    font-size:20px;
    padding:10px;
}

.carttitle {
    font-weight: bold;
    font-size:12px !important;
    text-transform: uppercase;
    text-align: center;
    margin-top:10px;
}

#popup_add_to_cart_img {
    width:30%;
    float:left;
    padding:10px;
}

#popup_add_to_cart_img  img {
    width:100%;
}

#popup_add_to_cart_text {
    width:60%;
    float:left;
    padding:10px;
    margin:10px;
}

/* needs to stay at bottom */
.loginbutton {
    margin-left:30px !important;
    margin-top:15px !important;
    margin-bottom:10px !important;
}

.footer-info-title {
    font-size: 20px !important;
}

.footer-cyan {
    color: rgb(109,200,204);
}

.footer-info {
    margin-right: 20px;
    margin-left: 20px;
}
.footer-info span {
    font-size: 12px;
}

.footer-img {
    float: right;
}

.notify-button {
    background-color: darkred !important;
}

/* Search Bar && Brand Dropdown */
#perfume-search{
    color: #333333;
    border-color: black;
}
#manufacturer-select{
    border-color: black;
}
.bootstrap-select{
    border: 1px solid black;
}
.search-div .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: black;
}
.search-string-input .glyphicon-search{
    padding: 0px;
    font-size: 18px;
}
.search-string-input .input-group-addon{
    background-color: white;
    border-color: black;
}
.search-string-input .form-group .inputGroup{
    border-color: black;
}
.search-string-input .form-control {
    border-color: black;
}
.browse-brands .btn-default{
    border-color: transparent;
}
browse-brands .btn-default:active{
    border-color: transparent;
}
.search-div .browse-brands .bootstrap-select.btn-group .dropdown-menu{
    max-height: 350px;
}
.search-string-input .form-group .form-control{
    height: 36px;
}
.search-string-input .form-group .input-group-addon {
    cursor: pointer
}
.search-string-input a:hover{
    background-color: #999;
}
.show-all-products{
    font-size: 18px;
}
.order-completed-message{
    color: green;
    margin-top: 15px;
    font-size: 18px;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 991px) {
    .search-div{
        margin-top: 15px;
        margin-bottom: 15px;
        margin-right: 10px;
    }
}

h5.short-description {
    margin: 5px 0 5px 0;
}

.low-stock {
    color: #C62121
}

.browse-sizes-btn {
    padding: 6px 12px;
}