/* ------------------------------------------------------------
    *Contents
---------------------------------------------------------------
*   Global Styles
*   Header
*   Content
*   Slider
*   Sidebar
*   Infobar
*   Footer
*   Misc
*   Contact Form
-------------------------------------------------------------*/

/* Global Styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
form legend {display: none;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
ul {list-style: none;}
/*hr {display: none; visibility: hidden;}*/

:focus {outline: 0;}
.clearfix {clear:both;}
.hidden {display:none;}
div#preload { display: none; }

h2 {
    text-decoration: none;
    font-size: 16px;
}

img.back-arrow {
    margin-left: 15px;
}

hr {
    width: 110px;
    display: block;
    height: 1px;
    border: 0px;
    border-top: 1px #C5E2E8 solid; 
    padding: 0; 
    
}

#newside {
    /* width: 180px; */
    padding-left: 50px;
  /*   padding-top: 5px; */
    /* padding-bottom: 10px; */
}

/* ------------------------------------------------------------
    *Header
------------------------------------------------------------ */
body {
        font-family:Arial, Helvetica, serif;
        height: 100%;
        -webkit-overflow-scrolling: touch;
/*        max-height: 675px;
        min-height: 675px;*/
}


#wrapper {
    width: 960px;
    padding-top: 25px;
    height: 665px;
    max-height: 665px;
    min-height: 665px;
    overflow: hidden;
    margin: auto;
}

#header {
    width:100%;
    border-top: 5px solid #000;
    border-bottom: 1px solid #cecece;
    margin-top:1px;
    background: #D3EDD3 url(../images/banner.jpg) no-repeat left;
    width: 961px;
    height: 79px;
    -moz-box-sizing: border-box;  
}

#header #logo {
    padding-top: 15px;
    font-family:monospace, sans-serif;
    font-weight: bold;
    text-transform: uppercase;


}
#header #tagline {
    font-size: 10px;
    font-family:monospace, sans-serif;
}

#header ul li {
    display: inline;
}
#header ul a:hover {
    border-bottom: 2px solid #000;
}
#header ul a {
    color: #4e9fff;
    font-family: proxima-nova, Arial, Helvetica,sans-serif;
    font-size:10px;
    font-weight: bold;
    float: right;
    padding-top: 32px;
    margin-right: 10px;
    display: inline;
    text-decoration: none;
    text-transform: uppercase;
}


/* ------------------------------------------------------------
    *Content
------------------------------------------------------------ */

#section {
    width: 720px;
    height: 423px;
    border-left: 1px solid #cecece;
    border-right: 1px solid #cecece;
    float: right;
    padding: 10px 0px 0px 20px;
    margin-top: 10px;
    /*margin-bottom: 33px;*/
    /*-moz-box-sizing: border-box;*/
}
#article {
    padding-right: 18px;
}

#product-image {
    float: left;
    padding-right: 18px;
}

#product-image2 {
    margin-top: 10px;
    width: 276px;
}

#product-image2 a img {
    padding-right:6px;
    padding-top:6px;
}

#product-content h2 {
    padding-bottom: 10px;
}
#product-content, #product-content a {
    line-height: 20px;
    font-size: 13px;
    font-family:Arial, Helvetica, serif;
}

#product-content a {
    color: #000;
    font-style: italic;
    text-decoration: none;
}
#product-content a:hover {
    text-decoration: underline;
}

/* index.php */
#products-right {
    float: right;
    margin-right: 19px;
}

#products-right {
    font-family:Arial, Helvetica, serif;
    font-size: 13px;
    width: 170px;
    clear: both;
    float: right;
}
#products-right a { cursor: default;}

/* Product.php */
#product-right {
    float: right;
    margin-right: 9px;
}
#product-right {
    font-family:Arial, Helvetica, serif;
    font-size: 13px;
    width: 170px;
    clear: both;
    float: right;
}

img.product-img-right {
    border: 1px solid #C5E2E8;

}

p.p-right-text {
    padding-top: 230px;
    width: 140px;
    padding-left: 10px;
    position: absolute;
    font-size: 10px;
    font-style: italic;
}

#feedback-border {
    width: 680px;
    margin-top: 5px;
    margin-right: 10px;
    border: 1px solid #C5E2E8;
    background: #F6FCFF;
    -webkit-overflow-scrolling: touch;
}

#feedback {
    width: 600px;
    /*background: #F6FCFF;*/
    font-family:Arial, Helvetica, serif;
    padding: 7px;
    font-size: 12px;
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}

#feedbackWrapper {width:600px;}

span.recent {
    font-size:12px;
}

#home-statement {
	/*    margin-left: 25px;*/
    font-size: 12px;
    background: #F6FCFF;
    padding: 10px 5px 3px 10px;
    width: 655px;
    height: 141px;
    line-height: 19px;
    /*height: 135px;*/
    border: 1px solid #B6E4E8;
/*	margin-bottom: 40px;*/
	margin-top: 44px;
    -webkit-overflow-scrolling: touch;
}

p.hstatement {
    padding-bottom: 6px;
}

.medrich-sig {
	position: absolute;
	margin-left: 600px;
	margin-top: 395px;
}

/* -------------- TEMP PRODUCT -------------- */
#product-content-temp h2 {
    padding-bottom: 10px;
    

}
#product-content-temp, #product-content-temp a {
    line-height: 20px;
    font-size: 13px;
    font-family:Arial, Helvetica, serif;
}

#product-content-temp a {
    color: #000;
    font-style: italic;
    text-decoration: none;
}
#product-content-temp a:hover {
    text-decoration: underline;
}

#product-content-temp {
    float: left;
    width: 480px;
    padding-left: 10px;
    padding-top: 3px;
}



/* -------------- END TEMP PRODUCT -------------- */
/* ------------------------------------------------------------
    *Product Content iFrame
------------------------------------------------------------ */

#section-iframe {
    margin-top: 5px;
    margin-left: 10px;
}

#product-image-iframe {
    float: left;

    width: 1px;
}

#product-image-iframe a img {
    padding-right:5px;
    padding-top:6px;
}
.section-two {
    float: left;
}

#product-content-iframe {
    width: 365px;
    float: right;
    margin-top: 5px;

}

.button-black a {
    padding-right: 30px;
}


#product-content-iframe h3 {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: bold;
}

#product-content-iframe, #product-content-iframe a {
    line-height: 16px;
    font-size: 13px;
    font-family:Arial, Helvetica, serif;
}

#product-content-iframe a {
    color: #000;
    font-style: italic;
    text-decoration: none;
}
#product-content-iframe a:hover {
    text-decoration: underline;
}

/* ------------------------------------------------------------
    *Product Cat
------------------------------------------------------------ */
h2.catitle {
    margin-left: 20px;
    text-align: center;
    text-decoration: none;
}

h2.catitle-prev {
    margin-left: 120px;
    /*text-align: center;*/
    text-decoration: none;
}




#product-content-cat h2 {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 35px;
    text-decoration: underline;

    

}
#product-content-cat, #product-content-cat a {
    font-size: 12px;
    font-family:Arial, Helvetica, serif;
    -webkit-overflow-scrolling: touch;
}

#product-content-cat a {
    text-decoration: none;
}

#product-content-cat table {
    line-height: 45px;    
    table-layout: fixed;
}


#product-content-cat td a {
    line-height: 35px;
    font-weight: bold;
    text-decoration: none;
    padding-left: 15px;

}

#product-content-cat td {
    line-height: 35px;
    font-weight: bold;
    /*text-decoration: underline;*/
    padding-left: 25px;

}

#product-content-cat td.cat-main-l, td.cat-main-r {
    /*text-decoration: underline;*/
}

#product-content-cat td.cat-main-l {
    border-right:1px solid #C5E2E8; 
}

#product-content-cat td.cat-main-l-sub {
    list-style-type: circle;
    border-right:1px solid #C5E2E8; 
}

#product-content-cat td a {
    padding-left: 20px;
}

#product-content-cat {
    padding-top: 10px;
    float: left;
    width: 460px;
/*    font-weight: bold;*/
}

#cat-left {
    float: left;
    width: 200px;
}

#cat-border {
    width: 530px;
    border: 1px solid #C5E2E8;
    -webkit-overflow-scrolling: touch;
}

#iframe_products, #iframe_feedback {
    overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}


/* ------------------------------------------------------------
    *Slider
------------------------------------------------------------ */

.clear {
    clear:both
}

#gallery {
    position:relative;

}
    #gallery a {
        float:left;
        position:absolute;
        padding-left: 10px;
    }
    
    #gallery a img {
        border: 1px solid #C5E2E8;
    }
    
    #gallery a.show {
        z-index:500
    }

    #gallery .caption {
        z-index:600; 
        background-color:#000; 
        color:#ffffff; 
        height:100px; 
        width:100%; 
        position:absolute;
        bottom:0;
    }

    #gallery .caption .content {
        margin:5px
    }
    
    #gallery .caption .content h3 {
        margin:0;
        padding:0;
        color:#1DCCEF;
    }


/* ------------------------------------------------------------
    *Sidebar
------------------------------------------------------------ */

#aside-primary {
    font-family:Arial, Helvetica, serif;
    font-size: 13px;
    width: 205px;
    padding: 5px;

}

#aside-primary a {
    color: #000;
}
#aside-primary h2 { font-weight:bold; font-size: 16px; padding-bottom: 5px;}
#aside-primary p { line-height: 18px; font-size: 12px; padding-bottom: 5px; margin-right: 5px; width:205px; }

#aside-primary ul#treemenu1.treeview { margin: 0; padding: 10px 0 0 20px; list-style-type: none; }

#aside-primary ul#treemenu1.treeview li { font-weight: bold; }
#aside-primary ul#treemenu1.treeview li ul li a { padding-top:10px; text-decoration: none; }


/* ------------------------------------------------------------
    *Sidebar 2
------------------------------------------------------------ */

#aside-primary-home {
    font-family:Arial, Helvetica, serif;
    font-size: 13px;
    width: 255px;
    padding: 5px;

}

#aside-primary-home a {
    color: #000;
}

/* img.cert {
    padding-top: 20px;
    padding-left: 54px;
    padding-bottom: 15px;
} */

#popular {
    margin-top: 10px;
    margin-left: 25px;
    font-size: 12px;
    padding: 5px 5px 3px;
    width: 150px;
    /*height: 135px;*/
    border: 1px solid #B6E4E8;
	margin-bottom: 35px;
}
#popular2 {
    margin-top: 5px;
    margin-left: 25px;
    font-size: 12px;
    padding: 5px 5px 3px;
    width: 150px;
    /*height: 135px;*/
    border: 1px solid #B6E4E8;
    /*margin-bottom: 75px;*/
}


#popular h3,#popular2 h3 {
    text-decoration: underline;
    text-align: center;
    padding-bottom: 5px;
}

#popular3 {
    font-family:Arial, Helvetica, serif;
    font-size: 11px;
    width: 240px;
    /* padding: 5px; */
    margin-left: 25px;
    line-height: 20px;

}

#popular3 a {
    color: #00A4FF;
    /* font-weight: 600; */
}

ol#pop-pro {
    margin-left: 15px;
    padding-left: 5px;
    line-height: 20px;
    /*padding-bottom: 10px;*/
}

ol#pop-pro li a {
    /*margin: 30px;*/
    /*padding: auto;*/
    font-size: 12px;
    /*padding-bottom: 5px;*/
    /*border: 1px solid #cecece;*/

}


/* ------------------------------------------------------------
    *Infobar
------------------------------------------------------------ */

#infobar {
    margin-top: -20px;
    font-size: 10px;
    float: right;
    height: 35px;
    width: 600px;
    padding-top: 40px;
    padding-right: 73px;
}

#infobar .bar1, .bar2, .bar3, .bar4 {
    width: 110px;
}

#infobar .bar1, .bar2, .bar3, .bar4 {
    float: left;
    border-right: 1px solid #CECECE;
}

#infobar .bar2, .bar3, .bar4, .bar5 {
    padding-left: 13px;
}

#infobar .bar2 {
    width: 80px;
}
#infobar .bar4 {
    padding-right: 10px;
}

#infobar .bar5 {
    width: 120px;
    margin-top: -10px;
    float: right;
}

#infobar img {
    display: block;

}

#infobar .dot {
    float: left;
    margin-left: 0px; 
}
#infobar .cert {
padding-left: 3px;
/*     float: right; */
}


/* ------------------------------------------------------------
    *Footer
------------------------------------------------------------ */

#footer {
	position: fixed;
/*	bottom: -553px; /* stick to bottom *!/*/
	width: 960px;
	height: 10px;
    margin-top: 78px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    font-family: proxima-nova, Arial, Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
/*    -moz-box-sizing: border-box;*/
}

#footer #copyright {
    float: left;
}

#footer-nav ul li a {
    margin-right: 10px;
    float: right;
    display: inline;
    text-decoration: none;
    color: #000;
    
}


#footer-nav ul a:hover {
    border-bottom: 2px solid #4E9FFF;
}


/* ------------------------------------------------------------
    *Misc
------------------------------------------------------------ */

p .button-black {
    margin-left: 300px;
}


.button-black.right {
    float: right;
}


/* black button */
.button-black {
    float: left;
    padding-right: 10px;
    margin-right: 30px;
    font-size: 12px;
    background: #444444;
    background: -moz-linear-gradient(top,  #444444 0%, #2c2c2c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(100%,#2c2c2c));
    background: -webkit-linear-gradient(top,  #444444 0%,#2c2c2c 100%);
    background: -o-linear-gradient(top,  #444444 0%,#2c2c2c 100%);
    background: -ms-linear-gradient(top,  #444444 0%,#2c2c2c 100%);
    background: linear-gradient(top,  #444444 0%,#2c2c2c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#2c2c2c',GradientType=0 );

    border: 1px solid #222222;
    border-top: 1px solid #282828;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px #585858;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px #585858;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), inset 0px 1px 0px #585858;

    color: #eeeeee;
    text-shadow: 0px -1px #222222;
}
 .button-black:hover {
    background: #555555;
    background: -moz-linear-gradient(top,  #555555 0%, #3c3c3c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#3c3c3c));
    background: -webkit-linear-gradient(top,  #555555 0%,#3c3c3c 100%);
    background: -o-linear-gradient(top,  #555555 0%,#3c3c3c 100%);
    background: -ms-linear-gradient(top,  #555555 0%,#3c3c3c 100%);
    background: linear-gradient(top,  #555555 0%,#3c3c3c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#3c3c3c',GradientType=0 );

    border: 1px solid #2a2a2a;
    border-top: 1px solid #383838;
    -moz-box-shadow: inset 0px 1px 0px #787878;
    -webkit-box-shadow: inset 0px 1px 0px #787878;
    box-shadow: inset 0px 1px 0px #787878;
}

.button-black:active {
    background: #333333;
    box-shadow: none;
    border: 1px solid #282828;
    border-top: 1px solid #202020;
}

/* ------------------------------------------------------------
    *Contact Form
------------------------------------------------------------ */
.push {
	margin-bottom: -21px;
}
.pushprod {
	margin-bottom: 15px;
}

/* === Remove input autofocus webkit === */
*:focus {outline: none;}

p.con-intro {
    margin-top: 10px;
}

.form_hint, .required_notification {font-size: 11px;}
#wrapper-contact {
    width: 960px;
    height: 665px;
/*    max-height: 435px;*/
    margin: 0;
}
p.blue, a {
    color: #4E9FFF;
    text-decoration: none;
}

#contact-form .blue a {
	padding-bottom: 19px;
}
p.bold {
    font-weight: bold;
}
p.gray {
   color: #595959;
}
strong {
    font-weight: bold;
}

#contact-wrap-right {
    float: right;
    width: 741px;
    margin-top: 12px;
    border-right: 1px solid #cecece;
}

#contact-right {
    font-family:Arial, Helvetica, serif;
    font-size: 13px;
    width: 175px;
    margin-top: 40px;
    padding: 5px;
    float: right;
}

#contact-right-top {
	width: 120px;
    height: 198px;
    margin-right: 25px;
    margin-top: 25px;
    margin-bottom: 2px;
    padding: 18px 18px 3px;
    float: right;
    border: 1px solid #CEE1E8;
	font: 12px Arial, Helvetica, serif;
}

#contact-right-bottom {
	width: 120px;
    height: 182px;
    margin-right: 25px;
    margin-top: 25px;
    /*margin-bottom: 17px;*/
    
    float: right;
    border: 1px solid #CEE1E8;
	font: 12px Arial, Helvetica, serif;
	padding: 10px 18px 0;
}

#contact-right-bottom p {
/*	padding-bottom: -10px;*/
	line-height: 13px;
}

p.uline {
    text-align: center;
    text-decoration: underline;
    padding-bottom: 5px;
}

p.bluetwo {
    color: #4E9FFF;
    text-decoration: none;
}

p.vatb {
    /*padding-bottom: 11px;*/
}
img.contact-img-right {
    padding-top: 130px;
}

span.mailblue {
    /*font-size: 13px;*/
    text-decoration: underline;
}

/* === List Styles === */
#contact-form {
    font-family:Arial, Helvetica, serif;
    line-height: 20px;
    float: left;
    width:456px;
    height: 445;
    max-height: 465px;
    padding-left:20px;
    padding-right:20px;
    /*margin-top: 10px;*/
    position: relative;
    border-left: 1px solid #cecece;

}

#contact-form h1 {
    font-size:32px;
}

#contact-form p {
/*    margin-bottom:25px;*/
    font-size: 12px;

}

#contact-form input,
#contact-form select,
#contact-form textarea,
#contact-form label {
    font-size:12px;
    margin-bottom:2px;
}

#contact-form input,
#contact-form select,
#contact-form textarea {
    width:450px;
    border: 1px solid #CEE1E8;
    margin-bottom:10px; /* Holy Grail */
    padding:5px;
}

#contact-form input:focus,
#contact-form select:focus,
#contact-form textarea:focus {
    background-color: #F6FCFF;
}

#contact-form textarea {
    height:90;
    resize: none;
}

#contact-form label {
    display:block;
}

#contact-form .required {
    font-weight:bold;
    color:#F00;
}

#contact-form #submit-button {
    width: 70px;
    background-color:#333;
    font-size: 10px;
    color:#FFF;
    border:none;
    display:block;
    float:right;
    margin-top: -5px;
    margin-bottom:0px;
    margin-right:6px;
    -moz-border-radius:8px;
}

#contact-form #submit-button:hover {
    background-color: #A6CFDD;
}

#contact-form #submit-button:active {
    position:relative;
    top:1px;
}

#contact-form #loading {
    width:32px;
    height:32px;
    background-image:url(../img/loading.gif);
    display:block;
    position:absolute;
    right:130px;
    bottom:16px;
    display:none;
}

#errors {
    border:solid 1px #E58E8E;
    padding:1px 10px;
    /*margin:25px 0px;*/
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#FFE6E6 no-repeat 405px center;
    display:none;
}

#errors li {
    padding:2px;
    list-style:none;
}

#errors li:before {
    /*content: ' - ';*/
}

#errors #info {
    /*font-weight:bold;*/
}

#errors #info:before {
    content: '';
}

#success {
    border:solid 1px #83D186;
    padding:1px 10px;
    /*margin:25px 0px;*/
    display:block;
    width:437px;
    -webkit-border-radius:8px;
    -moz-border-radius:8px;
    border-radius:8px;
    background:#D3EDD3 no-repeat 405px center;
    font-weight:bold;
    display:none;
}

#errors.visible, #success.visible {
    display:block;
}

#req-field-desc {
    font-style:italic;
}

/* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */
input:required, textarea:required {
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}

/* Normalize placeholder styles */

/* chrome, safari */
::-webkit-input-placeholder {
    color:#CCC;
    font-style:italic;
}

/* mozilla */
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#CCC;
    font-style:italic;
}

/* ie (faux placeholder) */
input.placeholder-text, textarea.placeholder-text  {
    color:#CCC;
    font-style:italic;
}

#message {
    height: 87px;
}

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

    /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
        -ms-filter: none !important; }
    a, a:visited { color: #444 !important; text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
    tr, img { page-break-inside: avoid; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3{ page-break-after: avoid; }
}