/*

 INDEX

 MAIN CONTAINERS (SEC01)
 HEADER STYLES (SEC02)
 PAGE TOP STYLES (SEC03)
 INDEX PAGE STYLES (SEC04)
 BREADCRUMB STYLES (SEC05)
 SHOP STYLES (SEC06)
 IMAGE GALLERY (SEC07)
 CART STYLES (SEC08)
 CART PAGE STYLES (SEC09)
 MISC STYLES (SEC10)

*/

/* MAIN CONTAINERS (SEC01)*/
body {

    font-family: Arial, Verdana, Helvetica;
    margin: 0px;
    padding: 0px;
}

#main_container {
    width: 980px;
    margin: auto;
}

.header_outer {
    border-bottom: 2px solid #ABAFB5;
    color: white;
}

.logo {
    padding: 0px 0px 0px 0px;
}

#header_container {
    width: 980px;
    height: 125px;
    /*background-color:yellow;*/
    margin: auto;
}

#top_page_container {
    width: 980px;
    color: white;
    height: 45px;
    padding-top: 0px;
}

#page_content {
    background-color: #FFF;
    width: 977px;
    padding: 0px;
}

#content {
    padding: 8px;
}

#page_bottom {
    width: 977px;
    height: 182px;
}

/*HEADER STYLES (SEC02)*/
.nav_bar {
    text-align: right;
}

.nav_bar a {
    text-decoration: none;
}

.nav_item {
    display: inline-block;
    padding: 55px 5px 0px 5px;
    text-align: center;
    width: 64px;
    height: 34px;
    color: #ABAFB5;
    margin-left: 6px;
    margin-top: 0px;
    font-weight: bold;
    cursor: pointer;
}

.nav_item:hover {
    color: #F3942F;
}

/*PAGE TOP STYLES (SEC03)*/
#breadcrumbs {
    float: left;
}


/*INDEX PAGE STYLES (SEC04)*/

/* disabled navigational button */
a.disabled {
    visibility: hidden !important;
}

/*intro box*/
#home_intro_text {

}

#home_intro_text h1 {
    margin: 0px 10px 10px 0px;
}

/*department boxes home page*/


.main_image {
    text-align: center;
}

.small_image_container {
    float: left;
    text-align: center;
}

.small_image {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
    margin-top: 3px;
}

.read_more {
    color: #EFEFEF;
    background-color: #187fc7;
    height: 18px;
    width: 90px;
    padding-left: 5px;
    cursor: pointer;
    padding-top: 2px;
    margin-top: 5px;
    text-decoration: none;
    display: block;
    float: right;
}

.read_more:hover {
    background-color: #175A9A;
}

.buy {
    color: #FFF;
    background-color: #656565;
    height: 20px;
    width: 75px;
    padding-left: 5px;
    float: left;
    cursor: pointer;
}

.price {
    float: right;
    color: rgba(71, 84, 108, 1);
}

#news_box {
    height: 445px;
}

#news_header {
    color: #FFF;
    background-color: #3b3b3b;
    background-repeat: no-repeat;
    font-size: 15pt;
    padding: 3px 20px 0px 20px;
    height: 30px
}

#news_content {
    color: #000;
    padding-left: 20px;
    padding-right: 5px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 389px;
    padding-bottom: 3px;
}

.news_story_heading h4 {
    margin-top: 2px;
    margin-bottom: 1px;
}

.news_story_content {
    border-bottom: 1px solid #ABABAB;
    padding-bottom: 5px;
    font-size: 8pt;
}

.news_list_item {
    background-color: white;
    margin: 20px 0px 20px 0px;

}

.news_list_item img {
    float: left;
    margin: 0px 20px 30px 0px;
    border: 1px solid #666666;
}

/*BREADCRUMB STYLES (SEC05)*/
#breadcrumbs {
    color: #FFF;
    font-weight: bold;
}

#breadcrumbs a {
    color: #FFF;
    text-decoration: none;
}

#breadcrumbs a:hover {
    color: #FFF;
    text-decoration: underline;
}

/* SHOP STYLES (SEC06)*/
#shop_detail_content {
    padding-left: 10px;
}

#shop_detail_content h1 {
    padding-left: 10px;
    color: #3a6d7a;
}

.shop_item_text {
    width: 35%;
    font-weight: bold;
    color: #3A6D7A;
}

.shop_item_output {
    text-align: left;
}

#shop_container .shop_box {
    width: 100%;
    height: 100%;
    border: 2px solid #00427D;
    cursor: pointer;
    position: relative;
}

#shop_container .shop_box img {
    width: 100%;

}

#shop_container a {
    color: black;
    text-decoration: none;
}

#shop_container .shop_box h3 {
    background-color: #00427D;
    color: white;
    line-height: 30px;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    text-align: center;
}

#shop_container .shop_box .blurb {
    padding: 10px;
}

#shop_container .cat_list .catalog_item {
    border: 2px white solid;
    margin: 20px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}

#shop_container .cat_list .catalog_item .details .read_more, .add_to_cart {
    padding: 8px;
    background-color: #175A9A;
    float: right;
    display: block;
    font-size: 10pt;
    clear: right;
    text-align: center;
}

#shop_container .cat_list .catalog_item .details .read_more:hover, .add_to_cart:hover {
    background-color: #174883;
}

.add_to_cart {
    margin-top: 0;
    border: 0;
    color: #EFEFEF;
    cursor: pointer;
}

.brand_box {
    width: 100%;
    padding: 10px;
    height: 200px;
    padding: 5px;
    position: relative;

}

.brand_box img {
    width: 100%;
    margin: auto auto;
    vertical-align: middle;
}

.brand_box .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#right_image_gallery {

}

#right_image_gallery ul {
    list-style: none;
}

#right_image_gallery ul li {
    display: inline;
}

#shop_detail_content .view_form {
    padding: 30px;
    float: right;
}

/* IMAGE GALLERY (SEC07)*/
.photos {
    float: left;
    width: 950px;
}

.photos .photo {
    width: 215px;
    float: left;
    margin: 3px;
    border: 1px solid gray;
    padding: 2px;
    height: 300px;
}

.photos h3 {
    text-align: center;
}

.photos img {
    margin: 0px 2px 2px 0px;
}

.photos a {
    color: black;
}

.gallery-list h2 {

    display: inline-block;
    width: 100%;
}

.gallery-list h2 a {

    text-decoration: none;
    color: #023867;
}

/*CART STYLES (SEC08)*/

#shopping_cart {
    background: url(../img/backgrounds/cart_bkg.png);
    width: 200px;
    font-size: 9pt;
}

.purchase_window {
    width: 200px;
    height: 575px;
    background-color: yellow;
}

/*CART PAGE STYLES (SEC09)*/
#shop_cart_container {
    padding: 10px;
}

#shop_cart_container th {
    padding: 10px;
    background-color: #0360AE;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: .7;
}

#login_box {
    position: relative;
    width: 380px;
    height: 180px;
    background: url(../img/backgrounds/login_bkg.png);
    margin: auto;
    margin-top: -200px;
    z-index: 12;
    padding: 10px;
}

#login_box_left {
    float: left;
    width: 250px;
    padding: 10px;
    margin-top: 30px;
}

#login_box_right {
    padding: 10px;
    width: 90px;
    float: left;
    margin-top: 30px;
}

/*MISC STYLES (SEC10)*/
.dark_row {
    background-color: #C5C5C5;
}

.light_row {
    background-color: #EFEFEF;
}

/*Contact form*/
#contact_form {

}

#contact_form label {
    font-weight: bold;
}

#contact_form input[type=text] {
    width: 100%;
}

#contact_form textarea {
    width: 100%;
    height: 100px;
}

#contact_form small {
    font-weight: normal;
}

/*Contact details*/
#contact_details {
    padding: 10px;
}

#contact_details th {
    text-align: left;
    vertical-align: text-top;
}

/*buttons*/

.btn {
    border: 0 none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 11pt;
    font-weight: bold;
    line-height: 1;
    padding: 5px 12px 5px 12px;
    position: relative;
    text-decoration: none;

    background-color: #999999;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #333;
    margin: 1px 3px 1px 0px;

}

.btn:hover {
    background-color: #777777;
    color: yellow;
}

.orange_btn {
    background-color: #FF9B10;
}

.orange_btn:hover {
    background-color: #FF7710;
}

.btn:active {
    position: relative;
    top: 2px;
    box-shadow: 1px 1px 1px #888;
}

.red_btn {
    background-color: #FF3333;
    border-color: #FF0000;
}

.red_btn:hover {
    background-color: #FF0000;
}

.yellow_btn {
    background-color: #ffff1f;
    color: black;
}

.yellow_btn:hover {
    background-color: #ffff1f;
    color: #444444;
}

.blue_btn {
    background-color: #1f1fff;
}

.blue_btn:hover {
    background-color: #0000E0;
}

.purple_btn {
    background-color: #6611dd;
}

.purple_btn:hover {
    background-color: #660099;
}

.green_btn {
    background-color: #33aa33;
}

.green_btn:hover {
    background-color: #337733;
}

.gray_btn {
    background-color: #999999;
}

.gray_btn:hover {
    background-color: #777777;
}

.btn:disabled {
    /*this is for buttons*/
    background-color: #dddddd;
    pointer-events: none;
    cursor: default;
    color: #888888;
}

.disabled_btn {
    /*this is for links*/
    background-color: #dddddd;
    pointer-events: none;
    cursor: default;
    color: #888888;
}

@media screen and (max-width: 767px) {
    .price {
        float: left;
        margin-top: 0;
    }

    #shop_container .cat_list .catalog_item .details .read_more {
        margin-top: 0;
    }
}

.flexslider .text {
    margin: 0px;
    padding: 0px;

}

.flexslider a {
    text-decoration: none;
    color: black;
}

.flexslider .text b {
    padding: 2px;
    background-color: #333333;
    line-height: 30px;
    font-size: 20px;
    color: white;
    width: 100%;
    display: block;

}

.formtools_error_input {
    border: 1px solid red;
    background-color: #eeaaaa;

}

.formtools_error_text {
    color: red;
}