/* Jarrow Products Controller CSS Document */

@charset "utf-8";

.highlight-font { 
	font-weight: bold; 
	color: #900; 
}

#product_wrapper {
	position:       relative;
	width:          955px;
	margin:         auto;
	margin-bottom:  15px;
        font-family:    'Open Sans', sans-serif;
        padding: 0 15px;
        *padding: 0px;
}

.product_view {
	display:       block;
	position:      relative;
	padding:       0px;
	margin:        0px;
	width:         67%;
	float:         left;
        padding-left: 5px;
        *padding-left: 0px;
}
.product_view a:link    {color: #900;font-family: 'Open Sans', sans-serif;font-size: 14px;}
.product_view a:visited { color: #900; }
.product_view a:hover   { color: #F00; }
.product_view a:active  { color: #F00; }
.product_view a:focus   { color: #F00; }
.product_view_table {
	width: 100%;
	font-family: 'Open Sans', sans-serif;
}

.product_view_table p {
	margin:  0px;
	padding: 0px;
}
.product_view_table ul, .product_view_table ol {
	margin:         0px;
	padding-top:    0px;
	padding-bottom: 0px;
}

.header_section {
	margin-top:   10px;
	padding-left: 10px;
}
.header_bg {
	padding-top: 5px;
	padding-left: 5px;
	padding-right:  10px;
	display:        inline-block;
	min-height:     25px;
	width:          auto;
	background: #373737 url(/images/header_bar.jpg);
	font-family: 'Montserrat', sans-serif;
	font-weight: 200;
	padding-bottom: 2px;
	letter-spacing: 1px;
}
.header_bar_corner {
	/* background:     #FFF url("/images/side_shadow_left.jpg") right repeat-y; */
	vertical-align: top;
	border:         none;
	text-align:     right;
	width:          18px;
}
.product_content {
	font-size: 13px;
	padding:      5px;
	padding-left: 10px;
	max-width: 350px;
	font-family: 'Open Sans', sans-serif;
}
.white {
	/* font-weight: bold; */
	font-size:   18px;
	color:       #FFF;
}
.yellow {
	/* font-weight: bold; */
	font-size:   18px;
	color:       #FC0;
}
.info_panel {
	display:      block;
	text-align: r;
	margin-top:   8px;
	padding-left: 3px;
	font-family:  Helvetica, Arial;
	font-size:    10px;
	/* border-bottom: 1px dotted #CCC; */
	/* width: 330px; */
	margin-bottom: 10px;
}
.bold {
	font-weight: bold;
	font-size:   12px;
}
.category {
	font-size:     12px;
	margin_top:    1px;
	margin-bottom: 3px;
}
.tech_name {
	color:         #AAA;
	font-size:     10px;
	margin-bottom: 2px;
}
.major_title {
	color: #ff1c21;
	/* font-weight: bold; */
	font-size: 36px;
	font-family: 'Montserrat', sans-serif;
}
.additional_title {
	color: #f70030;
	/* font-weight:   bold; */
	font-size:     20px;
	padding:       2px 0px 2px 0px;
	margin:        3px 0px 5px 0px;
	border-top:    1px solid #CCC;
	border-bottom: 1px solid #CCC;
	font-family: 'Montserrat', sans-serif;
}
.minor_title {
	color:     #555;
	font-size: 16px;
}
.sub_title {
	/* font-family: DINCondensed; */
	font-size:   18px;
	font-weight: 300;
	color:       #555;
	padding:     0px;
	margin:      0px;
}
.right_panel {
	vertical-align: bottom;
	width:          15px;
	/* background:     #FFF url("/images/side_shadow_right.jpg") top right repeat-y; */
}

.article_list {
	width:          33%;
	float:          right;
	background:     #f3f3f3;
	border:         1px solid #d6d6d6;
        *width:         33%;
}
.suppfact_disclaimer {
	font-family:   Helvetica, Arial;
	/* width:         284px; */
	text-align:    center;
	border:        1px solid #CCC;
	font-size:     10px;
	padding:       5px;
	margin-top:    10px;
	margin-bottom: 10px;
}
.list_header {
	font-size:     20px;
	color:         #900;
	margin-bottom: 8px;
}
.list_header a:link    { color: #900; }
.list_header a:visited { color: #900; }
.list_header a:focus   { color: #F00; }
.list_header a:hover   { color: #F00; }
.list_header a:active  { color: #F00; }
.list_gap {
	height: 10px;
}
.article_list_table {
	width:   100%;
	padding: 0px;
	border:  none;
	margin:  auto;
}
.article_image {
	overflow: hidden;
	border:   1px solid #CCC;
	margin:   auto;
	width:    83px;
	height:   56px;
	text-align: center;
	padding: 3px;
	background: white;
}
.article_link {
	padding-left:   10px;
	padding-right:  10px;
	vertical-align: top;
	text-align:     left;
	font-family:    Helvetica, Arial, sans-serif;
	font-weight:    bold;
	font-size:      14px;
	letter-spacing: -1px;
	border-right: 1px solid #ccc;
	background: white;
}
.article_link a:link    { color: #000; }
.article_link a:visited { color: #000; }
.article_link a:focus   { color: #CCC; }
.article_link a:hover   { color: #CCC; }
.article_link a:active  { color: #CCC; }

/*****************************
 * PRODUCT LIST STYLES */

#full_product_wrapper {
	position:      relative;
	width:         928px;
	margin:        auto;
	margin-bottom: 15px;
}
.product_list_view {
	position:      relative;
	padding:       0px;
	margin:        0px;
	width:         953px;
	float:         left;
        font-family: 'Open Sans', sans-serif;
        padding: 0 15px !important;
        *padding: 0px !important;
}
.product_list_table {
	width: 100%;
}
.large_header_bg, .large_header_bg_2 {
	padding-top:    5px;
	padding-left:   5px;
	padding-right:  10px;
	display:        inline-block;
	height:         47px;
	background:     #FFF url("/images/large_header_bar.jpg");
	color:          #FFF;
	font-size:      36px;
}
.large_header_bg_2 {
	padding-top:   5px;
	font-size:     36px;
	min-width:     310px;
	padding-right: 20px;
}
.large_header_bar_corner {
	background:     #FFF url("/images/side_shadow_left.jpg") right repeat-y;
	vertical-align: top;
	width:          25px;
}
.large_header_bar_corner_2 {
	background:     #FFF url("/images/side_shadow_right.jpg") left repeat-y;
	vertical-align: top;
	width:          25px;
}
.jump_nav {
	font-size:      19px;
	padding-bottom: 24px;
}
.jump_nav a         { color: #900; }
.jump_nav a:link    { color: #900; }
.jump_nav a:visited { color: #900; }
.jump_nav a:active  { color: #F00; }
.jump_nav a:focus   { color: #F00; }
.jump_nav a:hover   { color: #F00; }
.list_header {
	font-size: 26px;
}
.grouped_product_list {
	font-family:    Helvetica, Arial;
	font-size:      14px;
	list-style:     none;
	margin:         0px;
	padding:        0px;
	padding-top:    10px;
	padding-bottom: 5px;
}
.grouped_product_list li {
	padding-bottom: 3px;
}
.grouped_product_list li a         { color: #000; }
.grouped_product_list li a:link    { color: #000; }
.grouped_product_list li a:visited { color: #000; }
.grouped_product_list li a:active  { color: #CCC; }
.grouped_product_list li a:focus   { color: #CCC; }
.grouped_product_list li a:hover   { color: #CCC; }


.title {
	font-size:     18px;
	border-bottom: 1px solid #000;
}
.title a, .title a:link, .title:visited { color: #000; }
.title a:hover, .title:focus, .title:active { color: #CCC; }
.size {
	font-size:      16px;
	color:          #900;
	padding-bottom: 10px;
}
.extra {
	font-size: 16px;
	color:     #AAA;
	padding:   0px;
	vertical-align: top;
}

.row_1 { background-color: #EEE; }
.row_3 { background-color: #ACBF60; }
.form-header { border: 1px solid #666; background-color: #CCC; font-weight: bold; color: #000; text-align: center; }
.form-field  { border: 1px solid #666; }

/*#customer_experience { float: left; }
.review_btn, .qna_btn,
a.review_btn:link, a.qna_btn:link,
a.review_btn:visited, a.qna_btn:visited {
    float:      left;
    padding:    4px;
    margin:     2px 6px auto 6px;
    display:    table;
    background:    #CCC;
    border-top:    1px solid #000;
    border-left:   1px solid #000;
    border-bottom: 1px solid #666;
    border-right:  1px solid #666;
}
a.review_btn:active, a.qna_btn:active,
a.review_btn:focus, a.qna_btn:focus,
a.review_btn:hover, a.qna_btn:hover {
    color:         #FFF;
    background:    #333;
    border-top:    1px solid #666;
    border-left:   1px solid #666;
    border-bottom: 1px solid #000;
    border-right:  1px solid #000;
}*/
    .shopify-buynow-btn {
        margin-left: 3px;
        background: #68bd20;
        padding: 10px 40px 10px 40px;
        color: white !important;
        text-decoration: none;
        font-family: sans-serif;
        font-weight: 300;
        border-radius: 5px;
        font-size: 16px;
        transition: all .125s;
        position: relative;
        box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.29);
        /* border: 1px solid #7dc740; */
    }
    .shopify-buynow-btn img {
        width: 20px;
        height: 20px;
        position: absolute;
        left: 10px;
        top: 8px;
    }
    .shopify-buynow-btn:hover {
        background: #76dc20;
        padding-left: 45px;
        color: white;
        /*box-shadow: inset 0px 0px 0px 2px rgba(152, 255, 57, 0.3)
        /* border: 1px solid #7dc740; */
    }
    .shopify-buynow-btn:active, .shopify-buynow-btn:focus{
        background: #b1ec10;
        padding-left: 45px;
        color: white;
        /*box-shadow: inset 0px 0px 0px 1px rgba(152, 200, 57, 0.9)
        /* border: 1px solid #7dc740; */
    }
    .social_icon{
        margin-top: 10px;
        width: 44%;
        margin: 3%;
        float: left;
    }
    #shopify_panel{
        width: 100%; 
        text-align: center;
        margin: 14px 0px;
    }
    #social_container{
        width:200px;
        display:table;
        margin:10px auto 10px auto;
    }
    .social_icon{
        *float:left;
        *margin-top:0px;
    }
    .product_container{
        float:left;
        width: 33.2%; 
        margin-bottom: 10px; 
        height: 190px;
        overflow: hidden;
    }
    .product_image{
        float:left; 
        height: 100%; 
        width: 40%;
        text-align: center;
    }
    .product_title{
        float: left;
        width: 60%;
        border-bottom: 1px solid #000;
        padding-bottom: 5px;
        margin-bottom: 5px;
        font-size: 17.5px;
        font-weight: bold;
        line-height: 20px;
    }
    .product_size,.product_code,.product_number{
        float:left; 
        width: 60%; 
        font-size: 13px;
        line-height: 15px;
    }
    .product_size{
        color: black; 
        margin-bottom: 5px;
    }
    .product_code,.product_number{
        color: black;
    }
    td#main_content{
        vertical-align:top;
        padding:5px;
        padding-left:5px;
        padding-right:5px;
    }
    #search_left_panel{
        float: left;
        width: 20%;
        height: 100%;
        border-right: 1px solid black;
        padding-right: 3px;
    }
    p#total_results{
        font-size: 14px;
        margin-bottom: 0px;
    }
    p#filtered_results{
        font-size: 18px;
        padding-top: 10px;
        margin-bottom: -20px;
    }
    .category_name{
        color: #ee1d25;
        width: 99%;
        border-bottom: none;
        padding: 0px;
        margin: 0px;
        line-height: 20px;
        padding-bottom: 5px;
        font-size: 17px;
    }
    p.cat_count{
        font-size:14px;
        margin-bottom: 0px; 
        float: left;
    }
    .left_product_name{
        padding-left: 5px;
        float: left;
        width: 99%;
        padding: 0px;
        font-weight: bold;
        margin-left: 5px;
        color: #ee1d25;
        font-size: 15px;
    }
    .left_product_size{
        float: left;
        width: 99%;
        padding: 0px;
        margin: 0px;
        padding-left: 15px;
        line-height: 15px;
        font-size: 13px;
    }
    .left_product_dosage{
        float: left;
        width: 99%;
        padding: 0px;
        margin: 0px;
        padding-left: 15px;
        line-height: 15px;
        font-size: 13px;
    }
    #search_right_panel{
        float:right; 
        width: 80%;
        padding-left: 10px;
        *width: 78%;
    }
    #search_title{
        float: left;
        width: 100%;
        margin-bottom: 20px;
        color: black;
        font-size: 22px;
        padding-left: 20px;
    }
    #search_header_title{
        width: 100%;
        font-size: 36px;
        color: #ff1c21;
        letter-spacing: 0px;
        margin-bottom: 15px;
        font-weight: bold;
    }
    .search_sub_title{
        margin: 0px;
        padding: 0px;
        font-size: 15px;
        line-height: 14px;
    }
    .search_container{
        float: left; 
        width: 100%; 
        padding-bottom: 60px;
    }
    .product_details_search{
        float:left; 
        width: 100%; 
        padding-bottom: 12px;
    }
    .category_container{
        float:left; 
        width: 100%; 
        padding-top:30px; 
        padding-bottom: 10px;
    }
    #main_info{
        width: 100%; float: left;
    }
    #prod_image{
        float: right; width: 33%; text-align: center;
    }
    #image_panel{
        margin: 0 auto; width: 100%; text-align: center;
    }
    .image_container{
        margin:0 auto; width: 100%; text-align: center; margin-top: 6px;
    }
    #prod_title{
        float: left; font-size: 34px; color: #ee1d25; width: 67%; font-weight: bold; border-bottom: 1px solid black;
    }
    #prod_title1{
        float: left; 
        font-size: 18px; 
        color: #ee1d25; 
        width: 67%; 
        font-weight: bold; 
        border-bottom: 1px solid black;
        margin-top: 5px;
        padding-bottom: 5px;
    }
    #prod_title2{
        float: left;   font-size: 15px;    width: 67%; color: black;   line-height: 25px;  margin-top: 10px; margin-bottom: 10px; margin-top: 5px; padding-bottom: 5px;
    }
    #highlight_panel{
        width: 67%; 
        border: 7px solid #ee1d25; 
        float: left;     
        padding: 8px 12px;
        *width: 61%; 
    }
    #highlight_panel_title{
        width: 100%;float: left;font-weight: bold;font-size: 18px;  margin: 0px;    border-bottom: 1px solid black;color: #ee1d25; padding-bottom: 5px; margin-bottom: 5px;
    }
    #highlight_panel_desc{
        width: 100%; float: left; font-size: 14px;
    }
    #prod_details{
        float:left; width: 98%; margin-top: 20px;
    }
    #prod_function{
        width: 100%;float: left;font-weight: bold;font-size: 18px;  margin: 0px;    border-bottom: 1px solid black;color: #ee1d25; margin-bottom: 10px; padding-bottom: 5px;
    }
    .prod_desc{
        float:left; width: 98%; font-size: 14px; padding-bottom: 10px; border-bottom: 1px solid black; margin-bottom: 10px;
    }
    .prod_usage_title{
        width: 100%;float: left;font-weight: bold;font-size: 18px;  margin: 0px;  color: #ee1d25; margin-bottom: 5px; margin-top: 25px;
    }
    .prod_usage_desc{
        float:left; width: 98%; font-size: 14px; padding-bottom: 10px;
    }
    #prod_cats{
        width: 100%; margin: 0 auto; font-size: 18px; margin-bottom: 25px; float: left;
    }
    .prod_data{
        float:left; width: 98%; font-size: 14px; color: black; font-weight: bold;
    }
    #prod_cats{
        width: 100%; margin: 0 auto; font-size: 18px; margin-bottom: 30px; float: left;
    }
    #prod_info_title{
        font-size: 18px;font-weight: bold;color: #ee1d25;line-height: 25px;margin-top: 20px;margin-bottom: 10px;border-bottom: 1px solid black;padding-bottom: 5px;
    }
    .prod_details_data{
        float:left; width: 100%; font-size: 14px; color: black;
    }
    #prod_cats_title{
        font-size: 18px;font-weight: bold;color: #ee1d25;line-height: 25px;margin-top: 10px;margin-bottom: 10px;border-bottom: 1px solid black;padding-bottom: 5px;
    }
    .prod_dates{
        float:left; width: 100%; font-size: 14px; color: black; color: #888686;
    }
    #news_panel{
        width: 33%;float: right; padding: 7px; margin-top: 15px; *width:31%;
    }
    #news_panel_title{
        font-size: 18px;font-weight: bold;color: #ee1d25;line-height: 25px;margin-top: 10px;margin-bottom: 10px;padding-bottom: 5px; margin-top: 15px
    }
    .news_panel_info{
        width: 100%;float: left;margin-top: 5px;margin-bottom: 5px;border-bottom: 1px solid lightgray;padding-bottom: 5px;    height: 65px;
    }
    .news_panel_img{
        float: left; width: 30%; text-align: center;
    }
    .news_panel_title{
        float: left; width: 70%; color: black; font-size: 14px; font-weight: 500;
    }
    
 /* Pagination */
#products_header_title{
    width: 35%;
    font-size: 40px;
    color: #ff1c21;
    letter-spacing: 0px;
    margin-bottom: 15px;
    font-weight: bold;
    float: left;
}
.pds-header-bar {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
    float: left;
    color: black;
    width: 75%;
    min-width: 385px;
    min-height: 110px;
}
.pds-header-menu {
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
    float: right;
    color: black;
}
.pds-header-menu li {
    width: 50px;
    height: 50px;
    text-align: center;
    margin: 0;
    padding: 0px;
    float: left;
    color: black;
    margin: 2px;
    background-color: #dedee0;
}
.pds-header-menu li a:hover{
    background: black;
    color: white;
    text-decoration: none;
}
.letter_link {
    display:     block;
    width:       100%;
    height:      100%;
    line-height: 50px;
    font-family: 'Futura', 'Helvetica';
    font-size:   18px;
}
.pds-header-bar a, .pds-header-bar a:link, .pds-header-bar a:visited, .pds-header-bar a:active, .pds-header-bar a:focus, .pds-header-bar a:hover {
    color: #000;
}
.qrg-title-section {
    position: relative;
    display: table;
    color: #363636;
    width: 100%;
    margin: 10px auto 0px auto;
    padding-top: 30px;
    border-bottom: 1px solid black;
}
.qrg-title-section a{
    color: white;
    text-decoration: none;
}
.pds-title-right {
    float: left;
    vertical-align: bottom;
    background-color: black;
    color: white;
    width: 40px;
    height: 40px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    line-height: 40px;
}
.product_panel_all{
    float: left; 
    width: 20%; 
    padding: 10px; 
    font-family: 'Open Sans', sans-serif ; 
    height: 120px;
    padding-left: 0px;
    *padding: 0px;
    *margin-top: 10px;
}
.product_panel_img{
    float: left; height: 100%; width: 30%; text-align: center;
}
.product_panel_title{
    float: right; height: 100%; width: 68%;
}
.product_panel_title a{
    font-size: 14px;
}
#no_children{
    width: 100%; 
    margin-top: 15px; 
    font-weight: bold; 
    font-size: 13px; 
    float: left;
}
#top_products{
    width: 100%; border:1px solid black; float: left; padding-top: 20px; margin-bottom: 30px;
}
.top_product_container{
    width:50%; height: 200px;
}
.top_product_container img{
    max-width: 120px; max-height: 100%;
}