/* HTML 5 Reset - Provided by: https://github.com/murtaugh/HTML5-Reset */

a,hr{padding:0}a,button,input,select,textarea{margin:0}article,aside,details,figure,footer,header,hr,nav,section,summary{display:block}abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;background:0 0}input[type=checkbox],th{vertical-align:bottom}strong,th{font-weight:700}html{box-sizing:border-box;overflow-y:scroll}*,:after,:before{box-sizing:inherit}embed,img,object{max-width:100%}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{font-size:100%;vertical-align:baseline;background:0 0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0;font:100%}td{font-weight:400;vertical-align:top}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word}input[type=radio]{vertical-align:text-bottom}.ie7 input[type=checkbox]{vertical-align:baseline}.ie6 input{vertical-align:text-bottom}input,select,textarea{font:99% sans-serif}small{font-size:85%}td,td img{vertical-align:top}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=file],input[type=submit],label{cursor:pointer}button,input[type=button]{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}


/* ====================================================================================================================== 
        INFORMATION
=========================================================================================================================

Your design must allow for customisable colours. It is best to decide these colours at the start.
Your design must allow for a background (selected by the user) and it must also fall back to a colour gradient background. 
Your design must allow for a customisable font.

Feel free to use the example(s) below.

Example colour set:
#FFFFFF
#FFFFFF

======================================================================================================================= */
	
body
{
    font-family:Work Sans, Helvetica, Arial, sans;
  
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFFF));

    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #FFFFFF, #FFFFFF);

    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);

    /* IE 10 */
    background: -ms-linear-gradient(top, #FFFFFF, #FFFFFF);

    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
			
	background: ;    
	-webkit-background-size:auto;
	-moz-background-size:auto;
	-o-background-size:auto;
	background-size:auto;   

    font-size: 0.8rem;
    color: #272727;
}
    
    
#fdivnav_content ul{
    margin-left: 0em !important;
}

*:focus {
    outline: none;
}

::-moz-selection { 
    background-color: #DDDDDD;
}

::selection {
    background-color: #DDDDDD;
}

a{
    text-decoration: none;
    font-weight: bold;
    /*-webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -ms-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease;*/
}


h1{
    font-size: 1.3rem;
    letter-spacing: 1.6px;
}

h2{
    margin-bottom: 20px;
    font-size: 1.2rem;
    letter-spacing: 1.6px;
}

h3{
    font-size: 1.1rem;;
    letter-spacing: 1.6px;
}

h4{
    font-size: 1rem;
    letter-spacing: 1.6px;
}

h5{
    font-size: 1rem;
    letter-spacing: 1.6px;
}

h6{
    font-size: 1.3rem;
    letter-spacing: 0.9px;
}  

.generic_content a{
    color: #272727;
}

/* Basket Container */

.basket_summary, .basket_container{
    width: 100%;
}

/* =============================== */
/* Containers ==================== */
/* =============================== */

.header_container{
    margin: 0 auto;
    width: 95%;
}

@media only screen and (min-width:750px){
    .container{
        margin: 0 auto;
        width: 95%;
    }    
}

@media only screen and (min-width:1000px){
    .container, .header_container{
        width: 80%;
    }
}

@media only screen and (min-width:1200px){
    .container, .header_container{
        width: 75%;
    }   
}

@media only screen and (min-width:1400px){
    .container, .header_container{
        width: 70%;
    }   
}

@media only screen and (min-width:1400px){
    .container, .header_container{
        width: 60%;
    } 
}


.mobile_header{
    margin-bottom: 10px;
}

/* =============================== */
/* Mobile Header 1 =============== */
/* =============================== */

.mobile_menu_free{
    padding-top: 46px !important;
}

.mobile_header1{
    height: 50px;
    line-height: 50px;
    
}

.mobile_menu_button{
    display: inline-block;
    float: right;
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    width: 40px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #990000;
    cursor: pointer;
    border-radius: 4px;
    font-size: 1.1rem;
}

.mobile_menu_button:hover{
    background-color: #DDDDDD;
}

/* Mobile Menu */

.mobile_menu_overlay{
    display: none;
    background-color: rgba(0,0,0,0.1);
    position: fixed;
    z-index: 98;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mobile_menu{
    width: 70%;
    max-width: 300px;
    background-color: #FFFFFF;
    position: fixed;
    top: 0;
    left: -70%;
    bottom: 0;
    z-index: 99;
    padding-top: 10px;
    overflow-y: scroll;
}

/* Logo */

.mobile_menu .logo{
    display: block;
    text-align: center;
    margin-bottom: 20px;
}

/* Navigation */

.mobile_menu nav .nav_title, .mobile_menu .category .category_title{
    border-top: 1px solid #DDDDDD;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0px 40px;
    text-transform: uppercase;
    color: #272727;
    background-color: #DDDDDD;
    font-weight: bold;
}

.mobile_menu nav a, .mobile_menu .category a{
    border-top: 1px solid #DDDDDD;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0px 40px;
    text-transform: uppercase;
    color: #272727;
    font-weight: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mobile_menu nav a:hover, .mobile_menu .category a:hover{
    background-color: #DDDDDD;
}

.mobile_menu .category a:last-child{
    border-bottom: 1px solid #DDDDDD;
}

.mobile_menu .category .sub_cat{
    border-top: none !important;
    height: 35px !important;
    line-height: 35px !important;
    padding-left: 50px !important;
}

.category_clone{ display: none; }

.category .category_images{
    display: none !important;
}

/* Mobile Header 1 Left */

.mobile_header1_left{
    display: inline-block;
    float: left;
    margin-top: 10px;
}


/* Currency */

.currency{
    float: left;
    margin-right: 5px;
    position: relative;
}

.currency_button{
    height: 30px;
    line-height: 30px;
    width: 40px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #990000;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
}

.currency_button:hover{
    background-color: #DDDDDD;
}

.currency_container{
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    z-index: 100;
    margin-top: 5px;
    width: 150px;
    border: 1px solid #990000;
    border-radius: 4px;
    left: 0;
}

.currency_container a{
    display: inline-block;
    width: 33.33%;
    text-align: center;
    margin: 0px;
    float: left;
    height: 25px;
    line-height: 25px;
    text-decoration: none;
    color: #272727;
}

.currency_container a:hover{
    background-color: #DDDDDD;
}



/* Currency */

.language{
    float: left;
    margin-right: 5px;
    position: relative;
}

.language_button{
    height: 30px;
    line-height: 30px;
    width: 40px;
    text-align: center;
    text-transform: uppercase;
    background-color: #FFFFFF;
    border: 1px solid #990000;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    overflow: hidden;
}

.language_button:hover{
    background-color: #DDDDDD;
}

.language_container{
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    z-index: 100;
    margin-top: 5px;
    width: 150px;
    border: 1px solid #990000;
    border-radius: 4px;
    left: 0;
}

.language_container a{
    display: block;
    width: 100%;
    text-align: left;
    margin: 0px;
    height: 25px;
    line-height: 25px;
    text-decoration: none;
    color: #272727;
    padding: 0px 10px;
    position: relative;
}

.language_container a img{
    float: right;
    margin-top: 5px;
    border: 1px solid #990000;
}

.language_container a:hover{
    background-color: #DDDDDD;
}


/* Basket Info */

.basket_info{
    height: 30px;
    line-height: 30px;
    min-width: 40px;
    padding: 0px 10px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #990000;
    color: #272727;
    cursor: pointer;
    border-radius: 4px;
    font-size: 1.1rem;
    font-weight: bold;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.basket_info span{
    font-size: 0.8rem;
    position: relative;
    top: -2px;
}

.basket_info:hover{
    background-color: #DDDDDD;
}


/* Account */

.account{
    height: 30px;
    line-height: 30px;
    width: 40px;
    text-align: center;
    background-color: #FFFFFF;
    border: 1px solid #990000;
    color: #272727;
    cursor: pointer;
    border-radius: 4px;
    font-size: 1.1rem;
    font-weight: bold;
    display: inline-block;
    float: left;
    margin-right: 5px;
}

.account span{ display: none; }

.account:hover{
    background-color: #DDDDDD;
}

.menu_clone{ display: none; }

/* =============================== */
/* Mobile Header 2 =============== */
/* =============================== */

.logo_clone{
    text-align: center;
    display: block;
}


/* =============================== */
/* Mobile Header 3 =============== */
/* =============================== */

.search{
    width: 100%;
    padding: 0px 10px;
    height: 30px;
    line-height: 30px;
    background-color: #DDDDDD;
    color: #272727;
    border-radius: 4px;
    margin-top: 10px;
}

.search input{
    border: none;
    background-color: #DDDDDD;
    height: 29px;
    line-height: 30px;
    text-transform: capitalize;
    width: 85%;
    color: #272727;
}

.search button{
    border: none;
    background-color: #DDDDDD;
    float: right;
    height: 30px;
    line-height: 30px;
    width: 15%;
    text-align: center;
    font-size: 1rem;
}



/* =============================== */
/* Header Response =============== */
/* =============================== */

@media only screen and (min-width:750px){
    
    .mobile_menu_button{ display: none; }
    
    .mobile_header1_left{ width: 100%; }
    
    .currency, .language{ float: right; }
    
    .currency_button, .language_button{
        border: none;
        font-weight: normal;
    }
    
    .currency_container, .language_container{
        left: auto;
        right: 0;
    }
    
    .account{
        width: auto;
        border: none;
        font-weight: normal;
        font-size: 0.8rem;
        text-transform: uppercase;
        padding: 0px 10px;
        float: right;
    }
    
    .account span{ display: inline-block; }
    
    .account i{ display: none; }
    
    .menu_clone{ display: block; float: left; line-height: 30px; }
    
    .menu_clone a{
        font-weight: normal;
        font-size: 0.8rem;
        text-transform: uppercase;
        padding: 0px 10px;
        height: 30px;
        line-height: 30px;
        color: #272727;
        margin-right: 5px;
        display: inline-block;
    }
    
    .menu_clone a:hover{
        border-radius: 4px;
        background-color: #DDDDDD;
    }
    
    /* Category Clone */
    .category_clone{ 
        display: block; 
        margin: 10px 0px 20px 0px;
        text-align: center;
        float: left;
        width: 75%;
        margin-right: 5%;
    }
    .category_clone .category_title{ display: none; }
    .category_clone a{
        color: #272727;
        font-size: 0.9rem;
        text-transform: uppercase;
        display: inline-block;
        float: left;
        padding: 0px 10px;
        line-height: 30px;
        border-radius: 4px;
    }
    
    .category_clone a:hover{
        background-color: #DDDDDD;
    }
    
    .category_with_sub_container{
        display: inline-block;
        float: left;
        position: relative;
    }
    
    .sub_cat_container{
        display: none;
        position: absolute;
        z-index: 89;
        top: 30px;
        background-color: #FFFFFF;
        box-shadow: 3px 3px 5px #9E9E9E;
        min-width: 170px;
        border-radius: 4px;
        overflow: hidden;
    }
    
    .sub_cat{
        display: block !important;
        border-radius: 0px !important;
        width: 100%;
        font-weight: normal;
        font-size: 0.8rem !important;
        text-align: left;
    }
    
    .sub_cat:hover{
        color: #FFFFFF !important;
        background-color: #272727 !important;
    }
    
    .sub_cat span{ display: none; }
    
    
    
    
    .search{
        height: 30px;
        line-height: 30px;
        float: right;
        width: 20%;
        margin-top: 10px;
    }
    
    .search input{
        height: 29px;
        line-height: 30px;
    }
    
    .search button{
        text-align: right;
        height: 30px;
        line-height: 30px;
    }
}






/* =============================== */
/* Main ========================== */
/* =============================== */

main{
    float: left;
    width: 100%;
}

.border_top{
    border-top: 1px solid #DDDDDD;
    padding-top: 40px;
}


/* Slideshow */

.slideshow{
    overflow: hidden;
    margin-bottom: 10px;
}

.flexslider{
    margin: 0px !important;
}

/* Category Images */

.category_images_container, .category_images_container2{
    overflow: hidden;
    margin-bottom: 20px;
}

.category_images_container .category_images, .category_images_container2 .category_images{
    margin-bottom: 10px;
    display: block;
    position: relative;
}

.category_images_container .category_images img, .category_images_container2 .category_images img{
    display: block;
    width: 100%;
}

.category_images_container .category_images_name, .category_images_container2 .category_images_name{
    position: absolute;
    color: #FFFFFF;
    font-size: 1.1rem;
    padding: 0px 20px;
    line-height: 30px;
    background-color: rgba(0,0,0,0.2);
}

.category_images_container .category_images:first-child .category_images_name, .category_images_container2 .category_images:nth-child(odd) .category_images_name{
    top: 20%;
    left: 10%;
}

.category_images_container .category_images:nth-child(2) .category_images_name, .category_images_container2 .category_images:nth-child(even) .category_images_name{
    top: 20%;
    right: 10%;
}


@media only screen and (min-width:750px){
    
    .category_images_container .category_images, .category_images_container2 .category_images{
        display: inline-block;
        width: 48%;
        float: left;
    }
    .category_images_container .category_images:first-child, .category_images_container2 .category_images:nth-child(odd){
        margin-right: 4%;
    }
}



/* Featured Products */

.featured{
    margin-bottom: 20px;
    overflow: hidden;
    clear: both;
}

.featured_title{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 20px;
}

.featured_item{
    display: inline-block;
    float: left;
    width: 48%;
    margin-left: 4%;
    border: 7px solid #FFFFFF;
    border-radius: 4px;
    color: #272727;
    font-size: 0.9rem;
}

.featured_item:nth-of-type(2n+1){
    margin-left: 0%;
}

.featured_item:hover{
    border-color: #DDDDDD;
}

.featured_image_container, .featured_image{
    width: 100%;
}

.featured_info{
    text-align: center;
    padding: 0px 10px;
}

.featured_name{
    text-transform: uppercase;
    line-height: 40px;
    font-weight: bold;
    white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
    height: 40px;
}

.featured_price{
    margin-bottom: 30px;
}

@media only screen and (min-width:750px){ 
    .featured_item{
        width: 30%;
        margin-left: 5%;
    }
    .featured_item:nth-of-type(2n+1){
       margin-left: 5%;
    }
    .featured_item:nth-of-type(3n+1){
       margin-left: 0%;
    }
}

@media only screen and (min-width:1000px){ 
    .featured_item{
        width: 23%;
        margin-left: 2.6667%;
    }
    .featured_item:nth-of-type(2n+1){
       margin-left: 2.6667%;
    }
    .featured_item:nth-of-type(3n+1){
       margin-left: 2.6667%;
    }
    .featured_item:nth-of-type(4n+1){
       margin-left: 0%;
    }
}


/* Generic Content */

.generic_content{
    margin-bottom: 40px;
    padding: 0px 10px;
}

@media only screen and (min-width:750px){ 
    .generic_content{
        margin-bottom: 40px;
        padding: 0px;
    }
}



/* =============================== */
/* Footer ======================== */
/* =============================== */

footer{
    padding: 40px 0px 20px 0px;
    background-color: #DDDDDD;
    overflow: hidden;
    float: left;
    width: 100%;
}

footer .container{
    padding: 0px 10px;
}

.footer_top{
    overflow: hidden;
}

.footer1, .footer2, .footer3, .footer4{
    margin-bottom: 20px;
    padding-right: 10px;
}

@media only screen and (min-width:750px){ 
    footer .container{
        padding: 0px;
    }   
}

.footer_title{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9rem;
    margin-bottom: 15px;
}

footer a{
    color: #272727;
    text-transform: uppercase;
    display: block;
    font-weight: normal;
    line-height: 20px;
    display: table;
}

@media only screen and (min-width:750px){ 
    .footer1, .footer2, .footer3, .footer4{
        display: inline-block;
        float: left;
        width: 25%;
    }    
}


.newsletter{
    clear: both;
    margin-bottom: 20px;
}

.newsletter_container{
    overflow: hidden;
}

.newsletter input{
    background: none;
    height: 30px;
    line-height: 30px;
    border: none;
    float: left;
    padding: 0px 10px;
    width: 100%;
    text-transform: capitalize;
    background-color: #FFFFFF;
    color: #272727;
    border: none;
    margin-bottom: 10px;
    border-radius: 4px;
}

.newsletter button{
    background-color: #990000;
    color: #272727;
    height: 30px;
    font-size: 0.7rem;
    line-height: 30px;
    text-align: center;
    border: none;
    float: right;
    margin-bottom: 10px;
    text-transform: uppercase;
    width: 40%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.newsletter .newsletter_input_small{
    float: left;
    width: 60%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* Social Media */

.social_media_container{
    overflow: hidden;
}

.social_media_container li{
    display: inline-block;
    float: left;
}

.social_media_container li a{
    color: #990000;
    font-size: 1.4rem;
    margin-right: 5px;
    margin-bottom: 5px;
}

.social_media_container li a:hover{
    color: #272727;
}

/* Footer Bottom */

.footer_bottom{
    border-top: 1px solid #990000;
    line-height: 20px;
    padding-top: 20px;
}

.footer_copyright a{
    display: inline-block;
    text-transform: initial;
    font-weight: bold;
}




/* =============================== */
/* Contact Us ==================== */
/* =============================== */

.contact_address h1{
    text-transform: uppercase;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 20px;
}

.contact_address address{
    font-style: normal;
}

.contact_form header{
    text-transform: uppercase;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 20px;
}


.contact_form label{
	display: block;
	height: 20px;
	line-height: 20px;
}

.contact_form input{
	display: block;
	margin-bottom: 5px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	max-width: 300px;
    border-radius: 4px;
    background-color: #DDDDDD;
	border: 1px solid #990000;
    padding: 0px 10px;
}

.contact_form textarea{
	display: block;
	margin-bottom: 10px;
	width: 100%;
	max-width: 450px;
    border-radius: 4px;
	background-color: #DDDDDD;
    border: 1px solid #990000;
    padding: 10px;
}

.contact_form .contact_send_btn{
	display: inline-block;
	width: auto;
    margin-top: 10px;
	padding: 0px 10px;
	font-weight: bold;
	background-color: #DDDDDD;
    border: 1px solid #990000;
	color: #272727;
}
            
.contact_form section span{
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0px;
    color: #272727;
    font-weight: bold;
}






/* =============================== */
/* Details ======================= */
/* =============================== */

.details{ 
    width: 100%; 
    overflow: hidden;
}

.details_left, 
.details_right, 
.details_image_container, 
.details_image{
    width: 100%;
}

.details_image{
    margin-bottom: 20px;
}

.additional_images{
    margin-bottom: 20px;
    overflow: hidden;
}

.additional_images a{
    display: inline-block;
    width: 30%;
    margin-left: 5%;
    float: left;
    margin-bottom: 10px;
}

.additional_images a:nth-of-type(3n+1){
    margin-left: 0%;
}

.additional_images a img{
    width: 100%;
}


@media only screen and (min-width:750px){ 
    .details_left{
        width: 40%;
        float: left;
        margin-right: 5%;
    }
    .details_right{
        float: left;
        width: 55%;
    }
}

.details_name{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 10px;
}

@media only screen and (min-width:750px){ 
    .details_name{
        text-align: left;
    }    
}

.stock span{
    background-color: #DDDDDD;
    padding: 5px;
    border-radius: 4px;
}

.no_stock a{
    display: inline-block;
    background-color: #DDDDDD;
    padding: 5px;
    font-weight: bold;
    margin-top: 10px; 
    border-radius: 4px;
}

.rrp{
    margin-top: 20px;
}

.details_price{
    font-size: 1.4rem;
    margin-bottom: 30px;
    margin-top: 20px;
}

.price_breakdown hr{ display: none; }

.price_inc_tax span, .price_ex_tax span{
    font-size: 0.8rem;
}

.price_breakdown a{ font-size: 0.8rem; cursor: text; }

.price_breakdown a strong{ font-weight: normal; }

.details_description{ margin-bottom: 30px; }

.details_description ol, .details_description ul{ margin-left: 20px; }
.details_description ol li{ list-style-type: number;}
.details_description ul li{ list-style-type: disc; }

.details_info_item{ margin-bottom: 5px; }

.details_info_item strong{ text-transform: capitalize; }

/* Add To Cart */

.details_buy{ margin-bottom: 30px; }

.details_buy_quantity{
    margin-right: 20px;
    float: left;
    display: inline-block;
}

.details_buy_quantity input{
    height: 50px;
    line-height: 50px;
    background-color: #DDDDDD;
    color: #272727;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border: none;
    float: left;
    text-align: center;
    width: 60px;
    font-size: 1.2rem;
    border: 1px solid #990000;
    border-right: none;
}

.details_buy_quantity_buttons{
    float: left;
    width: 25px;
}

.details_buy_quantity button{
    float: left;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background: none;
    border: 1px solid #990000;
    color: #272727;
    display: block;
    text-align: center;
}

.items-count-increased{
    border-top-right-radius: 4px;
    border-bottom: none !important;
}

.items-count-reduced{
    border-bottom-right-radius: 4px;
}

.details_buy_button{
    display: inline-block;
    color: #272727;
    border: 1px solid #990000;
    background-color: #DDDDDD;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: normal;
}

.bulk{
    margin-bottom: 30px;
}

.bulk_item{
    margin-top: 10px;
}


/* Product Options */

.details_options{
    margin-bottom: 20px;
}

.details_options_item{
    margin-bottom: 20px;
}

.details_options_title{
    margin-right: 20px;
    min-width: 55px;
    display: inline-block;
}

.details_options_title:after{
    content: ':';
}

.details_options_item select{
    height: 30px;
    line-height: 30px;
    background-color: #DDDDDD;
    color: #272727;
    border: 1px solid #990000;
    border-radius: 4px;
}



/* Related Products */

.related{
    margin-bottom: 20px;
    overflow: hidden;
}

.related_title{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 20px;
}

.related_item{
    display: inline-block;
    float: left;
    width: 48%;
    margin-left: 4%;
    border: 7px solid #FFFFFF;
    border-radius: 4px;
    color: #272727;
    font-size: 0.9rem;
}

.related_item:nth-of-type(2n+1){
    margin-left: 0%;
}

.related_item:hover{
    border-color: #DDDDDD;
}

.related_image_container, .related_image{
    width: 100%;
}

.related_info{
    text-align: center;
    padding: 0px 10px;
}

.related_name{
    text-transform: uppercase;
    line-height: 40px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
}

.related_price{
    margin-bottom: 30px;
}

@media only screen and (min-width:750px){ 
    .related_item{
        width: 30%;
        margin-left: 5%;
    }
    .related_item:nth-of-type(2n+1){
       margin-left: 5%;
    }
    .related_item:nth-of-type(3n+1){
       margin-left: 0%;
    }
}

@media only screen and (min-width:1000px){ 
    .related_item{
        width: 23%;
        margin-left: 2.6667%;
    }
    .related_item:nth-of-type(2n+1){
       margin-left: 2.6667%;
    }
    .related_item:nth-of-type(3n+1){
       margin-left: 2.6667%;
    }
    .related_item:nth-of-type(4n+1){
       margin-left: 0%;
    }
}




/* Reviews */

.reviews{
    margin-bottom: 20px;
    overflow: hidden;
    text-align: center;
}

.reviews_title{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 20px;
}

.no_reviews{
    margin-bottom: 10px;
}

.reviews_button{
    display: inline-block;
    background-color: #DDDDDD;
    border: 1px solid #990000;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    color: #272727;
    border-radius: 4px;
    font-weight: normal;
    text-transform: capitalize;
}

.reviews_container{
    margin-top: 20px;
    text-align: left;
    padding: 0px 10px;
}

@media only screen and (min-width:750px){ 
    .reviews_container{
        padding: 0px;
    }
}

.reviews_item{
    margin-bottom: 20px;
}

.reviews_item_title{
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.reviews_score{
    background-color: #DDDDDD;
    padding: 5px;
    border-radius: 4px;
    display: inline-block;
}

/* Breadcrumbs */

.breadcrumbs{
    overflow: hidden;
}

.breadcrumbs li{
    display: inline-block;
    float: left;
}

.breadcrumbs li:after{
    content: '/';
    margin-left: 5px;
    margin-right: 5px;
}

.breadcrumbs li:last-child:after{
    content: none;
}

.breadcrumbs li a{
    display: inline-block;
    font-weight: normal;
    color: #272727;
    margin-bottom: 10px;
}

.breadcrumbs li:last-child a{
    font-weight: bold;
}

/* Sitemap */

.sitemap_divider{ display: none; }

.fws_sitemap_container h2{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 20px;
}

.fws_sitemap_container ul{
    overflow: hidden;
}

.fws_sitemap_container ul li{
    display: inline-block;
}

.fws_sitemap_container ul li a{
    display: block;
    margin-bottom: 5px;
    margin-right: 5px;
    background-color: #DDDDDD;
    color: #272727;
    border-radius: 4px;
    line-height: 25px;
    padding: 0px 10px;
}







/* =============================== */
/* Browse ======================== */
/* =============================== */

.browse{ 
    overflow: hidden;
    margin-bottom: 20px;
    width: 100%;
    padding: 0px 10px;
}

.browse_left, .browse_right{
    margin-bottom: 20px;
    width: 100%;
}

@media only screen and (min-width:750px){ 
    .browse{
        padding: 0px;
    }
    .browse_left{
        width: 25%;
        margin-right: 5%;
        float: left;
    }
    .browse_right{
        width: 70%;
        float: left;
    }
}

.browse_left .breadcrumbs{
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
}

/* Category Header */

.category_header, .category_header_image_container, .category_header_image{
    width: 100%;
}

.category_header_image, .category_header_description{
    margin-bottom: 10px;
}

.category_header_name{
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: uppercase;
}

/* Sub Category */

.sub_category a{
    display: block;
    color: #272727;
    line-height: 20px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 1px;
}

.sub_category a i{
    margin-right: 10px;
}

.sub_category a:hover{
    color: #990000;
}



/* Browse Products */

.browse{
    margin-bottom: 20px;
    overflow: hidden;
}

.browse_title{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 20px;
}

.browse_item{
    display: inline-block;
    float: left;
    width: 48%;
    margin-left: 4%;
    border: 7px solid #FFFFFF;
    border-radius: 4px;
    color: #272727;
    font-size: 0.9rem;
}

.browse_item:nth-of-type(2n+1){
    margin-left: 0%;
}

.browse_item:hover{
    border-color: #DDDDDD;
}

.browse_image_container, .browse_image{
    width: 100%;
}

.browse_info{
    text-align: center;
    padding: 0px 10px;
}

.browse_name{
    text-transform: uppercase;
    line-height: 40px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
}

.browse_price{
    margin-bottom: 30px;
}

@media only screen and (min-width:750px){ 
    .browse_item{
        width: 30%;
        margin-left: 5%;
    }
    .browse_item:nth-of-type(2n+1){
       margin-left: 5%;
    }
    .browse_item:nth-of-type(3n+1){
       margin-left: 0%;
    }
}


/* Sort By */

#pager_sort_by{
    overflow: hidden;
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 10px;
}

#pager_sort_by .divider{ display: none; }

#pager_sort_by li:first-child{
    height: 30px;
    line-height: 30px;
    float: left;
    display: inline-block;
    margin-right: 5px;
    border: 2px solid #DDDDDD;
    border-radius: 4px;
    background-color: #DDDDDD;
    padding: 0px 10px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

#pager_sort_by li a{
    color: #272727;
    height: 30px;
    line-height: 30px;
    float: left;
    display: inline-block;
    margin-right: 5px;
    border: 2px solid #DDDDDD;
    border-radius: 4px;
    padding: 0px 10px;
    text-transform: capitalize;
    font-weight: normal;
    margin-bottom: 10px;
}

#pager_sort_by li a:hover{
    background-color: #DDDDDD;
}

/* Pager */

.results_pager_container{
    padding: 10px 0px;
}

.results_pager_container, .pagination{
    overflow: hidden;
    clear: both;
}

.pagination{
    float: right;
}

.pagination li{
    display: inline-block;
    float: left;
}

.pagination li a{
    display: block;
    height: 30px;
    min-width: 25px;
    margin-left: 2px;
    background-color: #DDDDDD;
    color: #990000;
    line-height: 30px;
    text-align: center;
    font-weight: normal;
    border: 1px solid #990000;
}

.pagination li.current a{
    background-color: #272727;
    color: #FFFFFF;
    border-color: #272727;
}

.pagination li a:hover{
    background-color: #272727;
    color: #FFFFFF;
    border-color: #272727;
}

/* Special Offers */

.special_offers{
    overflow: hidden;
    margin-bottom: 20px;
}

.fws_top_pager_offers{ display: none; }

.fws_bottom_pager_offers .Pager div:first-child{ display: none; }

.fws_bottom_pager_offers a, .fws_bottom_pager_offers b{ margin: 0px 5px; }


            
/* =========================== */
/* Modals ==================== */
/* =========================== */

/* Age Verification + Newsletter */

#simplemodal-container{
    width: 300px !important;
    max-width: 300px !important;
    background-color: #FFFFFF !important;
    height: auto !important;
}

#md-title{
    background: #272727;
    color: #FFFFFF;
    text-align: center;
    min-height: 30px;
    font-weight: bold;
    line-height: 30px;
}

#md-content{
    text-align: center;
    padding: 20px;
    color: #272727;
}

.md-content button{
    border: none;
    background: #272727;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    margin: 0 auto;
    margin-bottom: 20px;
    height: 30px;
    line-height: 30px;
    width: 100px;
}

/* Checkout */

#softadd-modal-title{
    background-color: #272727 !important;
    text-shadow: none !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
}

.simplemodal-close{
    text-shadow: none !important;
    color: #272727 !important;
    font-weight: bold !important;
}

#softadd-container{
    background-color: rgba(255,255,255,0.9) !important;
    color: #272727 !important;
}

button.simplemodal-close, button.success{
    background-color: #272727 !important;
    color: #FFFFFF !important;
    font-weight: bold !important;
    border: none !important;
    height: 50px !important;
    text-transform: capitalize !important;
}

#softadd-feedback-failure, #softadd-feedback-fail-msg, #softadd-container span{
    color: #272727 !important;
}



/* Write Review and Notification */

.shop_product_review_form center h3, .stock_notify center h3, .shop_product_review_form center p img, .stock_notify center p img, .shop_product_review_form center br, .stock_notify br{
    display: none;
}

.shop_product_review_form center, .stock_notify center{
    text-align: left;
    line-height: 25px;
    margin-bottom: 20px;
}

.shop_product_review_form center label, .stock_notify center label{
    clear: both;
    display: block;
    font-weight: bold;
}

.shop_product_review_form input, .shop_product_review_form textarea, .shop_product_review_form select, .stock_notify input, .stock_notify textarea{
    display: block;
    margin-bottom: 5px;
	height: 40px;
	line-height: 40px;
	width: 100%;
	max-width: 300px;
    border-radius: 4px;
    background-color: #DDDDDD;
	border: 1px solid #990000;
    padding: 0px 10px;
}

.shop_product_review_form textarea, .stock_notify textarea{
    width: 100%;
    height: 200px;
    max-width: 450px;
}

.shop_review_form_cancel, .shop_review_form_submit, .stock_notify_cancel, .stock_notify_submit{
    display: inline-block;
    width: auto;
    margin-top: 10px;
	padding: 0px 10px;
	font-weight: bold;
	background-color: #DDDDDD;
    border: 1px solid #990000;
	color: #272727;
    height: 30px;
    line-height: 30px;
    border-radius: 4px;
}



/* Instagram */

.follow_tag{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 20px;
}

#instagrid{
    overflow: hidden;	
}

.fws-sb-instagram-style1 .instagram_item{
    width: 98%;
    margin: 1%;
}

.fws-sb-instagram-style1 .instagram_item img{
    width: 100%;
    padding: 5%;
    background-color: #FFF;
    box-shadow: 1px 1px 1px #C3C3C3;
}


@media only screen and (min-width: 600px) {
    .fws-sb-instagram-style1 .instagram_item{
        width: 48%;
        float: left;
    }
}

@media only screen and (min-width: 1100px) {
    .fws-sb-instagram-style1 .instagram_item{
        width: 31%;
    }
}

@media only screen and (min-width: 1400px) {
    .fws-sb-instagram-style1 .instagram_item{
        width: 23%;
    }
}

            


/* Blogs */

.featured_blog{
    margin-bottom: 20px;
    overflow: hidden;
}

.featured_blog_title{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 20px;
}

.featured_blog_item{
    display: inline-block;
    float: left;
    width: 48%;
    margin-left: 4%;
    border: 7px solid #FFFFFF;
    border-radius: 4px;
    color: #272727;
    font-size: 0.9rem;
}

.featured_blog_item:nth-of-type(2n+1){
    margin-left: 0%;
}

.featured_blog_item:hover{
    border-color: #DDDDDD;
}

.featured_blog_image_container, .featured_blog_image{
    width: 100%;
}

.featured_blog_info{
    text-align: center;
    padding: 0px 10px;
}

.featured_blog_name{
    text-transform: uppercase;
    line-height: 40px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
}

.featured_blog_more{
    margin-bottom: 30px;
}

@media only screen and (min-width:750px){ 
    .featured_blog_item{
        width: 30%;
        margin-left: 5%;
    }
    .featured_blog_item:nth-of-type(2n+1){
       margin-left: 5%;
    }
    .featured_blog_item:nth-of-type(3n+1){
       margin-left: 0%;
    }
}

@media only screen and (min-width:1000px){ 
    .featured_blog_item{
        width: 23%;
        margin-left: 2.6667%;
    }
    .featured_blog_item:nth-of-type(2n+1){
       margin-left: 2.6667%;
    }
    .featured_blog_item:nth-of-type(3n+1){
       margin-left: 2.6667%;
    }
    .featured_blog_item:nth-of-type(4n+1){
       margin-left: 0%;
    }
}




/* =============================== */
/* Blog View ===================== */
/* =============================== */

.blog_view{ 
    width: 100%; 
    overflow: hidden;
    margin-bottom: 30px;
}

.blog_view_left, 
.blog_view_right, 
.blog_view_image_container, 
.blog_view_image{
    width: 100%;
}

.blog_view_image{
    margin-bottom: 20px;
}

@media only screen and (min-width:750px){ 
    .blog_view_left{
        width: 40%;
        float: left;
        margin-right: 5%;
    }
    .blog_view_right{
        float: left;
        width: 55%;
    }
}

.blog_view_title{
    text-align: center;
    display: block;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 10px;
}

@media only screen and (min-width:750px){ 
    .blog_view_title{
        text-align: left;
    }    
}

.blog_view_tag_container, .blog_view_info{
    overflow: hidden;
    margin-bottom: 15px;
}

.blog_view_tag_item, .blog_view_info span{
    background-color: #DDDDDD;
    padding: 5px;
    border-radius: 4px;
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    float: left;
    font-weight: normal;
}


/* Comment Form */

#comments_section header{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 10px;
}

.blog_comments_content, .blog_comments_reply_content{
    display: block;
    margin-bottom: 5px;
	height: 100px;
	line-height: 20px;
	width: 100%;
    border-radius: 4px;
    background:none;
	border: 1px solid #990000;
    padding: 0px 10px;
}

.blog_comments_author, .blog_comments_email, .blog_comments_reply_author, .blog_comments__reply_email{
    display: block;
    margin-bottom: 5px;
    height: 40px;
	line-height: 40px;
	width: 100%;
    border-radius: 4px;
    background: none;
	border: 1px solid #990000;
    padding: 0px 10px;
}

#comment_email_label, #comment_reply_email_label{ display: none; }

.blog_comments_submit, .blog_comments_reply_submit{
    display: inline-block;
    background-color: #DDDDDD;
    border: 1px solid #990000;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    color: #272727;
    border-radius: 4px;
    font-weight: normal;
    text-transform: capitalize;
}

.blog_view_no_comments{
    margin-top: 20px;
}


/* Blog Comments Container */

.blog_comments_container{
    margin-top: 30px;
}

.blog_comments_header{
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #DDDDDD;
    line-height: 50px;
    font-size: 1.7rem;
    font-weight: 200;
    margin-bottom: 10px;
}

.comment_author{
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.comment_date{
    background-color: #DDDDDD;
    padding: 5px;
    border-radius: 4px;
    display: inline-block;
}

.blog_comments_reply_reply{
    display: inline-block;
    background-color: #DDDDDD;
    border: 1px solid #990000;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    color: #272727;
    border-radius: 4px;
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 30px;
}

#comments_reply_section{
    margin-top: 10px;
}

#comments_thanks{
    margin-top: 5px;
}

.comment_reply{
    border-left: 1px solid #DDDDDD;
    padding-left: 20px;
    margin-top: 10px;
}


.comment_text, .comment_reply_text{
    margin-top: 5px;
}

.blog_link_roll{
    display: inline-block;
    background-color: #DDDDDD;
    border: 1px solid #990000;
    height: 30px;
    line-height: 30px;
    padding: 0px 10px;
    color: #272727;
    border-radius: 4px;
    font-weight: normal;
    text-transform: capitalize;
    margin-top: 10px;
    margin-bottom: 30px;
}