/* Jarrow Global CSS Document for the Default Browser */

@charset "utf-8";

/*******************************
 * Body */
@font-face { font-family: DINCondensed; src: url('/css/DNC57.otf'); } 
body {
	background:  #EEE url("/images/grey_background.png") top left;
	background-attachment: fixed;
	padding:     0px;
	margin:      0px;
	font-size:   14px;
	font-family: DINCondensed;
        background-color:white;
}
.DINC { font-family: DINCondensed, Impact; }

html, body {
	min-height: 100%; 
	width:      100%;
}

body a { 
	text-decoration: none; 
	border: 0px; 
}

img { border: 0px none; }



/*******************************
 * Misc Page Layouts */

.clear  { clear:   both; }
.hidden { display: none; }
.left   { float:   left; }
.right  { float:   right; }

.text_right  { text-align: right; }
.text_left   { text-align: left; }
.text_center { text-align: center; }
.text_middle { vertical-align:middle; }

.huge     { font-size: 20px; line-height: 20px; }
.emphasis { font-size: 18px; }
.minimal  { font-size: 10px; }

.white_bar { 
	border-bottom: 1px solid #FFF; 
	width:         90%;
	height:        1px;
	display:       block;
	margin:        auto;
	margin-top:    3px;
	margin-bottom: 3px;
	padding:       0px;
}
.small_white_bar {
	border-bottom: 1px solid #FFF; 
	width:         65%;
	height:        1px;
	display:       block;
	margin:        auto;
	margin-top:    3px;
	margin-bottom: 3px;
	padding:       0px;
}

/*******************************
 * Site Layout */
	
.wrapper {
	width:      100%;
	height:     auto !important;
	min-height: 100%;
	height:     100%;
	padding:    0px;
	margin:     0px;
}

.header {
	background: url("/images/layout_header.jpg") center repeat-x;
	width:      1034px;
	height:     106px;
	display:    block;
	padding:    0px;
	margin:     auto;
}

.header_section_1 {
	display:     block;
	text-align:  center;
	width:       240px;
	height:      88px;
	padding-top: 12px;
    margin-left: 9px;
	float:       left;
}
.header_section_2 {
	text-align:  center;
	display:     block;
	width:       140px;
	height:      84px;
	padding-top: 16px;
    float:       left;
}
.header_section_3 {
	text-align:  center;
	display:     block;
	width:       190px;
	height:      70px;
	padding-top: 30px;
    float:       left;
}
.header_section_4 {
	text-align:  center;
	display:     block;
	width:       330px;
	height:      70px;
	padding-top: 30px;
    float:       left;
}
.header_section_5 {
    text-align:  center;
    display:     block;
    width:       110px;
    height:      66px;
    padding-top: 34px;
    float:       left;
}
.social_logo {
    position: relative;
    display:  block;
    width:    40px;
    height:   40px;
    margin:   0px 0px 0px 12px;
    float:    left;
    z-index:  2000;
}
.facebook_info {
    text-align: center;
    background: #CCC;
    border:     1px solid #000;
    display:    none;
    padding:    5px;
    height:     auto;
    width:      325px;
    z-index:    2000;
}
.twitter_info {
    text-align: center;
    background: #CCC;
    border:     1px solid #000;
    display:    none;
    padding:    5px;
    width:      150px;
    height:     auto;
    z-index:    2000;
}

.functions_bar {
	width:         100%;
	border:        none;
	padding:       5px;
	margin:        auto;
	margin-top:    8px;
	margin-bottom: 8px;
}
.function_td_0 {
	color:       #000;
	font-size:   14px;
	line-height: 13px;
	text-align:  center;
}
.function_link_0, .function_link_0:link, .function_link_0:visited {
	color: #000;
}
.function_link_0:active, .function_link_0:focus, .function_link_0:hover {
	color: #CCC;
}
.function_td_1 {
	color:       #900;
	font-size:   14px;
	line-height: 13px;
	text-align:  center;
}
.function_link_1, .function_link_1:link, .function_link_1:visited {
	color: #900;
}
.function_link_1:active, .function_link_1:focus, .function_link_1:hover {
	color: #F00;
}

#store_locator {
	border:     none;
	color:      #900;
	font-size:  24px;
	width:      127px;
	height:     49px;
	margin:     0px 0px 0px 8px;
	padding:    0px;
}
.store_locator_active   { background: #FFF; }
.store_locator_inactive { background: #FFF url("/images/search_store_locator.jpg") center no-repeat; }
#search_field {
	border:     none;
	color:      #900;
	font-size:  24px;
	width:      270px;
	height:     49px;
	margin:     0px;
	padding:    0px;
        max-width:  290px !important;
}
.search_field_active   { background: #FFF; }
.search_field_inactive { background: #FFF url("/images/search.jpg") center no-repeat; }
.search-glass, .search-glass:link, .search-glass:visited {
    float:      left;
    display:    block;
	border:     2px solid #FFF;
	background: #FFF url("/images/search_glass.jpg") 0px 0px no-repeat;
	font-size:  24px;
	width:      38px;
	height:     45px;
	margin:     0px;
	padding:    0px;
}
.search-glass:hover, .search-glass:active, .search-glass:focus {
    padding:    0px;
    margin:     0px;
    background: #FFF url("/images/search_glass.jpg") 0px -45px no-repeat;
}

.content_wrapper {
	width: 960px;
	margin:  auto;
	margin-top: 10px;
}

.content {
	background:    #FFF url("/images/main_content_bg.jpg") top left repeat-x;
	display:       block;
	min-height:    100px;
	width:         972px;
	padding-left:  5px;
	padding-right: 5px;
}

.backdrop_left_side {
	background: url("/images/backdrop_left_side.png") no-repeat;
	display:    block;
	width:      26px;
	height:     27px;
	float:      left;
}

.backdrop_right_side {
	background: url("/images/backdrop_right_side.png") no-repeat;
	display:    block;
	width:      26px;
	height:     27px;
	float:      left;
}

.blank_side_skirt {
	float:   left;
	display: block; 
	width:   26px;
	height:  10px;
}
.footer {
	width: 100%;
	margin:         auto;
	background: #f6f6f6;
	padding-top: 10px;
        font-family: 'Open Sans', sans-serif;
}
.footer  a{
    color: black;
}
.footer_wrapper {
	width: 980px;
	margin: auto;
        height: 290px;
}
.footer_section_1 {
	display:     block;
	width: 360px;
	min-height:  100px;
	float:       left;
}
.footer_section_2 {
	display:     block;
	width:       180px;
	min-height:  100px;
	float:       left;
}
.footer_section_3 {
	text-align: right;
	display:    block;
	/* width:      904px; */
	height:     57px;
}

.FDA_blurb {
    font-size: 12px;
    color: black;
    border: 1px solid #666;
    float: left;
    text-align: center;
    width: 950px;
    padding: 8px 0px;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 15px;
}
.FDA_blurb_product{
    font-size: 13px;
    color: black;
    border: 1px solid #666;
    float: left;
    text-align: center;
    width: 600px;
    padding: 8px 0px;
    margin-top: 10px;
    font-weight: bold;
}
.footer_flags {
	float: left;
        width: 100%;
        margin-top: 10px;
        height: 90px;
}

.left_nav_panel {
	text-align: left;
	width:      50%;
	float:      left;
}
.right_nav_panel {
	text-align: right;
	width:      50%;
	float:      right;
}
.alt_nav_panel {
	text-align: right;
	float: right;
}

.nav_panel_header {
	color:         black;
	font-size: 16px;
	margin-bottom: 7px;
        font-weight: 500;
        font-family: 'Montserrat', sans-serif;
}

ul.nav_list {
	list-style:  none;
	font-size:   16px;
	padding:     0px;
	margin:      0px;
	line-height: 14px;
}

.footer a:link   { 
}
.footer a:visited   {
}
.footer a:active   { 
}
.footer a:hover   { 
}
.footer a:focus   { 
}
.footer a  { 
    font-size: 13px;
    color: black;
    line-height: 20px;
}
.left_nav_panel_new{
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    min-width: 23%;
    text-align: center;
}

#usis_flag{
    float: left; width: 26%; text-align: center; margin-top: 19px; padding-left: 20px
}
#usis_flag p{
    margin: 0;padding: 0;text-align: center;font-size: 12px;width: 100%;float: left;margin-top: 8px; color: black;
}
#jarrow_de{
    float: left; width: 26%; text-align: right;  margin-top: 20px; padding-right: 20px
}
#footer_logo{
    float: left; width: 48%; text-align: center;
}
#footer_logo p{
    margin: 0;padding: 0;text-align: center;font-size: 12px;width: 100%;float: left;margin-top: 9px; color: black;
}
/*******************************
 * Page Messages */
 
 #messages {
	width:   400px;
	margin:  auto;
	padding: 0px;
 }
 #messages ul {
	list-style: none;
	margin:     0px;
	padding:    0px;
 }
 
.info, .success, .warning, .error, .validation {
	text-align:          left;
	border:              1px solid;
	margin:              10px 0px;
	padding:             15px 10px 15px 50px;
	background-repeat:   no-repeat;
	background-position: 10px center;
	font-family:         Arial, Helvetica, sans-serif;
	font-size:           13px;	
}

.info {
	color:            #00529B;
	background-color: #BDE5F8;
	background-image: url("../images/messages/info.png");
}

.success {
	color:            #4F8A10;
	background-color: #DFF2BF;
	background-image: url("../images/messages/success.png");
}

.warning {
	color:            #9F6000;
	background-color: #FEEFB3;
	background-image: url("../images/messages/warning.png");
}

.error {
	color:            #D8000C;
	background-color: #FFBABA;
	background-image: url("../images/messages/error.png");
}

/*******************************
 * Paginators */

div.pagination_module {
	text-align:     left;
	width:          100%;
	padding:        2px;
	padding-left:   10px;
	padding-bottom: 0px;
	height:         auto;
	margin-bottom:  2px;
}
div.pagination_module a { 
	text-decoration: none;
	vertical-align:  middle;
	color:           #F00; 
	text-align:      center;
	margin-left:     2px;
	margin-right:    2px;
	height:          14px;
}
div.pagination_module a.active:link    { color: #000; }
div.pagination_module a.active:visited { color: #000; }
div.pagination_module a.active:hover   { color: #000; }
div.pagination_module a.active:focus   { color: #000; }
div.pagination_module a.active:active  { color: #000; }

div.pagination_module a.enabled:link    { color: #900; }
div.pagination_module a.enabled:visited { color: #900; }
div.pagination_module a.enabled:hover   { color: #F00; }
div.pagination_module a.enabled:focus   { color: #F00; }
div.pagination_module a.enabled:active  { color: #F00; }

div.pagination_module a.disabled:link    { color: #666; }
div.pagination_module a.disabled:visited { color: #666; }
div.pagination_module a.disabled:hover   { color: #666; }
div.pagination_module a.disabled:focus   { color: #666; }
div.pagination_module a.disabled:active  { color: #666; }

/******************************************
 * AUTO COMPLETE MAX HEIGHT */

.ui-autocomplete { 
	max-height: 70%; 
	overflow-y: scroll; 
	overflow-x: hidden;
}

/*******************************
 * Page Messages */
 
 #messages {
	width:   600px;
	margin:  auto;
	padding: 0px;
 }
 #messages ul {
	list-style: none;
	margin:     0px;
	padding:    0px;
 }
 
.info, .success, .warning, .error, .validation {
	text-align:          left;
	border:              1px solid;
	margin:              10px 0px;
	padding:             15px 10px 15px 50px;
	background-repeat:   no-repeat;
	background-position: 10px center;
	font-family:         Arial, Helvetica, sans-serif;
	font-size:           13px;	
}

.info {
	color:            #00529B;
	background-color: #BDE5F8;
	background-image: url("../images/messages/info.png");
}

.success {
	color:            #4F8A10;
	background-color: #DFF2BF;
	background-image: url("../images/messages/success.png");
}

.warning {
	color:            #9F6000;
	background-color: #FEEFB3;
	background-image: url("../images/messages/warning.png");
}

.error {
	color:            #D8000C;
	background-color: #FFBABA;
	background-image: url("../images/messages/error.png");
}

    #sub_footer{
        width: 100%; background-color: #c8c9cb; margin-top: 50px;
    } 
    #sub_footer_panel1{
        width: 980px; padding: 20px 15px; margin: 0 auto; display: table;
    }
    #sub_footer_panel2{
        float: left; width: 60%;
    }
    .footer_title1{
        display: inline-block; margin: 0px; padding: 0px; vertical-align: middle; font-size: 15px;
    }
    form#subscriber_from{
        display: inline-block;
    }
    #index_email{
        display: inline-block;margin-left: 15px;width: 200px;padding: 2px;font-size: 15px;text-align: center;background-color: white;font-family: 'Montserrat', sans-serif;
    }
    #add_email{
        border: none; display: inline-block; background: #006803; padding: 3px 15px; color: white; font-size: 15px; font-family: 'Montserrat', sans-serif;font-weight: 400;
    }
    .connect_us{
        display: inline-block; margin: 0px; padding: 0px;float: left;margin: 4px 0px 0px 5px;font-size: 15px;
    }
    #footer_si{
        display: inline-block; float: right; height: auto; margin-top: 3px;
    }
    #sub_footer_panel3{
        float: right; width: 32%;
    }
    #footer_si ul{
        padding: 0px;
    }
    #main_wrapper{
        width: 980px;
        padding: 0px;
        margin: auto;
        margin-bottom: 30px;
        position: relative;
    }
    .sub_wrapper{
        padding: 0px;
        margin: 0px;
        float: left;
        font-family: 'Open Sans', sans-serif;
        width: 70%;
        padding-left: 15px;
        padding-right: 8px;
    }
    .sub_wrapper_header{
        font-weight: bold;
        margin-bottom: 8px;
        color: #a9270c;
        font-family: 'Open Sans', sans-serif;
        font-size: 30px;
    }
    .sub_wrapper_content{
        text-align: justify;
    }
    
    #sub_news_panel{
        float: right;
        font-family: 'Open Sans', sans-serif;
        width: 30%;
        margin-top: 0px;
        padding-top: 0px;
        border-left: 1px solid lightgray;
        padding-left: 7px;
        padding-right: 15px;
    }
    
    #sub_news_panel_title {
        font-size: 18px;
        font-weight: bold;
        color: #a9270c;
        line-height: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-bottom: 5px;
        margin-top: 15px;
    }
    
.sub_news_panel_img {
    float: left;
    width: 28%;
    text-align: center;
    margin-right: 2%;
}

.sub_news_panel_img img{
    max-width: 100%;
}

.sub_news_panel_title {
    float: left;
    width: 70%;
    color: black;
    font-size: 14px;
    font-weight: 500;
}
.sub_news_panel_info {
    width: 100%;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid lightgray;
    padding-bottom: 5px;
    height: 65px;
}

.red1{
    color: #a9270c;
}
.grey1{
    color: #595959;
}
.green{
    color: #006803;
}