.btn-primary {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
}

.btn-primary:hover {
    background-color: #2e6da4;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}



/* ---- Fonts ----- */
@font-face {
    font-family: MyHelvettica;
    src: url('../fonts/Helvettica.ttf');
}

/*--*SECTION 1 - MAIN BODY*--*/
body {font-size: 62.5%; margin: 0px auto; padding: 0px; font-family: MyHelvettica, arial, sans-serif;  background-color: #FFFFFF;}

.page-container-4 { width: 1000px; margin: 0px auto; padding: 0px; background-color: #e6ebf2; }

.img-header {clear: both; float: left; width: 1000px; height: 200px; margin: 0px; padding: 0px;}

/*--------- Navigation - Level 0 ------------*/
.nav0 {  position: absolute; clear: both;  margin: 0px; padding: 0px; font-family: MyHelvettica, verdana, arial, "sans serif"; font-size: 1.0em; width: 1000px; background: transparent;  }
.nav0 ul {  float: right; overflow: hidden; margin: 0; padding: 0; list-style-type: none; background-color: transparent; }
.nav0 li { float: left; margin-bottom: 0;  margin-right: 0.5em; background: transparent; line-height: 1;  }
.nav0 li a { border-right: solid 1px transparent; border-left: solid 1px transparent; display: block; float: left; margin: 0px 0px 0px 0px; padding: 7px 10px 7px 10px; color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-size: 100%;}
.nav0 a:hover, .nav0 a.selected { border-right: solid 1px #000000; border-left: solid 1px #000000; background-color: inherit; color: #000000; text-decoration: none;  }
.nav0 li#curly {  background-image: url("../images/DoH/DoH-Webface-Welcome-Screen_01_02.jpg");  width: 25px; display: inline;}

/*------------Navigation - Level 1 ----------*/
.nav1-container {width: 1000px; top: 5px; position: absolute; z-index: 3; background: transparent; }
.nav1 {width: 1000px; margin: 0px; padding: 0px; font-family: verdana, arial, "sans serif"; font-size: 1.0em;}
.nav1 ul {float: right; margin: 0px; padding: 0px 20px 0px 0px; border-left: solid 1px #AAAAAA; font-weight: bold;}
.nav1 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav1 li a {display: block; float: left; margin: 0px; padding: 2px 5px 2px 5px; border-right: solid 1px #ffffff; background-color: inherit; color: #ffffff; text-decoration: none; font-size: 10px;}
.nav1 a:hover, .nav2 a.selected {background-color: inherit; color: #000000; text-decoration: none;}

/*-----Navigation - Level 2 ----*/
.nav2 {clear: both; float: left; margin: 0px; padding: 0px; font-family: MyHelvettica, verdana, arial, "sans serif"; font-size: 1.0em; }
.nav2 ul li.padd { width: 160px;  }
.nav2 ul {float: left; width: 1000px; margin: 0px; padding: 0px; background-color: #004b8d; font-weight: bold;}
.nav2 li {display: inline; list-style: none; margin: 0px; padding: 0px;}
.nav2 ul ul li { border-bottom:  solid 1px #CCCCCC;}
.nav2 li a {display: block; float: left; margin: 0px 0px 0px 0px; padding: 5px 10px 5px 10px; border-right: solid 1px #FFFFFF; background-color: inherit; color: #FFFFFF; text-transform: uppercase; text-decoration: none; font-size: 100%;}
.nav2 a:hover, .nav2 a.selected {background-color: #406b9d; color: #ffffff; text-decoration: none;}
.nav2 li#YourOrder { float: right; text-align: right; }

.nav-buffer { float: left; margin: 0px; padding: 0px; width: 160px; height: 20px;  background-color: #004b8d;   }


#project {margin-left: 10px;border-left: solid 1px #777777; background-color: #DCDCDC; color: #AAAAAA;}



/*----Navigation - Level 3 --*/
.nav3 {overflow: hidden; clear: both; float: left; width: 160px; min-height: 500px; margin: 0px; padding: 0px; background-color: #e6ebf2;  font-size: 1.0em; }
.nav3 ul {width: 160px; margin: 0px 0px 20px 0px; padding: 0px;  background-color: #e6ebf2; }
.nav3 li {list-style: none; margin: 0px; padding: 0px; background-image: url("../images/DoH/Side_Button.png"); }
.nav3 li.group a {display: block; min-height: 2.0em; height: auto !important; height: 2.0em; line-height: 2.0em; margin: 2px 0px 2px 0px; padding: 2px 7px 0px 15px;  background-image: url("../images/DoH/Side_Button.png"); color: #ffffff; font-weight: bold; font-size: 120%;}
.nav3 li a {display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; background-color: inherit; color: #FFFFFF; text-decoration: none; font-size: 120%;}
.nav3 li a:hover, .nav3 li a.selected { background-image: url("../images/DoH/Side_Button_alt.png"); background-color: inherit; color: #ffffff; text-decoration: none;}
.nav3 li.itemsordered {text-align: left; display: block; min-height: 1.7em; height: auto !important; height: 1.7em; line-height: 1.7em; margin: 0px; padding: 0px 7px 0px 20px; border-left: solid 7px #332211; background-color: inherit; color: #FFFFFF; text-decoration: none; font-size: 120%; margin-left: auto; margin-right:0px;}
/* Healthy Text */
.nav3 a#healthyTxt { vertical-align: bottom; padding-bottom: 5px; text-align: center; text-decoration: none; color: #808080; margin: 10px; padding: 20px 10px 10px 10px; font-weight: bold;}


/*--*Main Content*--*/
/* .content1 {float: left; width: 658px; min-height: 500px; margin: 0px; padding: 0px 0px 5px 20px; color: #000000; background-image:url(../images/quickmail_light.jpg);} */
// .content1 {float: left; width: 818px; min-height: 700px; margin: 0px; padding: 10px 0px 5px 20px; color: #000000; background-color: #e7e8ea;  background-image: url("../images/DoH/DoH-Webface-Welcome-Screen_05.jpg"); background-repeat:repeat;}
.content1 {float: left; width: 818px; min-height: 600px; margin: 0px; padding: 10px 0px 5px 20px; color: #000000; background-color: #ffffff;}

* html .content1 {height: 500px; min-height: 600px; margin-bottom: 1px; }

.content1-header {height: 60px; overflow: hidden; width: 778px; margin-bottom: 20px; padding: 10px; opacity:1.0; background-color: #e5e8f5; }

// .Checkout-Box {clear: both; float: right; width: 818px; margin: 0px 0px 15px 0px; padding: 0px; }

.content1-container {clear: both; float: left; width: 818px; margin: 0px 0px 15px 0px; padding: 0px;}
.content1-container-1col {overflow: hidden; width: 818px; margin-bottom: 10px; padding: 0px; opacity:1.0; background-color: #e7e8ea; }
.content1-pagetitle {overflow: hidden; width: 778px; margin: 0px 0px 10px 0px; padding: 0px 0px 2px 0px; border-bottom: solid 3px #004b8d; background-color: inherit; color: #004b8d; font-weight: bold; font-size: 180%;}
.content-txtbox-noshade {margin: 0px; padding: 7px 20px 10px 20px; background-color: #e6e7e8; font-size: 120%; }

.disp_pg_img  {max-width: 365px; border: none;}
* html .disp_pg_img {width: 365px;}

.menu_pg_img {width:100px; height:100px; float: left; padding-right: 10px; border: none;}

/*----6.2 - Sidebar Area---*/

.sidebar {overflow: hidden; float: right; width: 160px; min-height: 500px; margin: 0px; padding: 0px 0px 10px 0px; text-align: left; background-color: #E5E8F5; color: #949494; border-left: solid 1px #FFFFFF;}
.sidebar-maintitle {margin: 0px 0px 10px 0px; padding: 3px 10px 2px 10px; background-color: #AE212E; color: #FFFFFF; font-weight: bold; font-size: 120%;}
.sidebar-title-noshade {margin: 0px; padding: 2px 10px 3px 10px; border-top: solid 1px #949494; background-color: #E5E8F5; color: #555555; font-weight: bold; font-size: 120%;}
.sidebar-title-shade {margin: 0px; padding: 2px 10px 3px 10px; background-color: #E5E8F5; color: #949494; font-weight: bold; font-size: 120%;}
.sidebar-txtbox-noshade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px;}
.sidebar-txtbox-shade {margin: 0px 0px 10px 0px; padding: 2px 10px 3px 10px; background-color: #E5E8F5;}
.sidebar-txtbox-noshade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
.sidebar-txtbox-shade p {margin: 0px 0px 5px 0px; padding: 0px; line-height: 1.25em; font-size: 110%;}
.sidebar-txtbox-noshade img {border: 0px; width: 130px; height: 75px;}
.sidebar-img {clear: both; float: left; width: 160px; height: 500px; margin: 0px; padding: 0px; border:0px;}

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

.footer {overflow: hidden; clear: both; width: 1000px; height: 3.0em; margin: 0px; padding: 0.5em 0px 0.5em 0px; border-top: solid 1px #888888; background-color: #004b8d; color: #FFFFFF; font-size: 1.0em;}
.footer p {margin: 0px; padding: 0px; text-align: center; line-height: 1.3em; font-size: 110%;}

/*---Hyperlinks----*/

.content1 a, .content2 a, .content3 a, .sidebar-txtbox-noshade a, .sidebar-txtbox-shade a {color: #0000FF; text-decoration: none;}
.content1 a:hover, .content2 a:hover, .content3 a:hover, .sidebar-txtbox-noshade a:hover, .sidebar-txtbox-shade a:hover { background-color: inherit; color: #0000FF; text-decoration: none;}
.content1 a:visited, .content2 a:visited, .content3 a:visited, .sidebar-txtbox-noshade a:visited, .sidebar-txtbox-shade a:visited  {color: #0000FF;}
.footer a {background-color: inherit; color: #FFFFFF; text-decoration: none; }
.footer a:hover {color: #b1dcd8; text-decoration: none; }


/* --- Rounded Boxes --- */
.rounded_box {background: #e5e8f5; width:780px;}
.rounded_top div {background: url("../images/roundedcornr_tl.png") no-repeat top left;}
.rounded_top {background: url("../images/roundedcornr_tr.png") no-repeat top right;}
.rounded_bottom div {background: url("../images/roundedcornr_bl.png") no-repeat bottom left;}
.rounded_bottom {background: url("../images/roundedcornr_br.png") no-repeat bottom right;}
.rounded_top div, .rounded_top, .rounded_bottom div, .rounded_bottom {width: 100%; height: 15px; font-size: 1px;}
.rounded_content { margin: 0 15px; }
.rounded_header { margin: 0 15px; }

/* --- Center Tables --- */
.centertables {text-align: center; margin-left: auto; margin-right: auto;}


/* --- Preview Images --- */
#preview {position:absolute; border:1px solid #ccc; background: #004b8d;; padding:2px; display:none; color:#fff; text-align: center;}



#tooltip{position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none;
}

#backgroundPopup{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100%;
    width:100%;
    top:0;
    left:0;
    background:#000000;
    border:1px solid #cecece;
    z-index:1;
}
#popupContact{
    display:none;
    position:fixed;
    _position:absolute; /* hack for internet explorer 6*/
    height:100px;
    width:200px;
    background:#FFFFFF;
    border:2px solid #cecece;
    z-index:2;
    padding:12px;
    font-size:13px;
}
#popupContact h1{
    text-align:left;
    color:#6FA5FD;
    font-size:22px;
    font-weight:700;
    border-bottom:1px dotted #D3D3D3;
    padding-bottom:2px;
    margin-bottom:20px;
}
#popupContactClose{
    font-size:14px;
    line-height:14px;
    right:6px;
    top:4px;
    position:absolute;
    color:#6fa5fd;
    font-weight:700;
    display:block;
}



#doh-content {  }

.green-button { background-color: #789d4a; border: solid 1px #6d6e70; color: #ffffff; font-family: MyHelvettica, verdana, arial, "sans serif"; font-size: 1.3em; margin: 3px;}
.green-button:hover { color: #000000; border: solid 1px #000000; }

.white-button {
    background-color: #ffffff;
    border: solid 1px #004B8D;
    border-radius: 5px;
    color: #004B8D;
    font-family: MyHelvettica, verdana, arial, "sans serif";
    font-size: 1.5em;
    padding: 5px;
}
.white-button:hover {
    color: #FFFFFF;
    background-color: #004B8D;
    border: solid 1px #004B8D; }
}
.white-button:disabled{
    opacity: 0.65;
}

.rounded-corners {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

input {
    border: 1px solid #0066ff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 3px 10px 3px 10px;
}

select {
    border: 1px solid #0066ff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 0px 0px 0px 10px;
}

textarea {
    border: 1px solid #0066ff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 10px 10px 10px;
}

/* Common Styles */
select:focus { outline: none; }
input:focus { outline: none; }
textarea:focus { outline: none; }

.message-text { text-align: left; font-size:1.2em; color: purple; font-weight: bold; }
h1 { color: #0077ad; font-size: 1.9em; font-family: MyHelvettica, verdana, arial, "sans serif"; }
h2 { color: #004b8d; font size: 1.8em; font-family: MMyHelvettica, verdana, arial, "sans serif"; }
a { color: #0077ad; font-size: 1.2em; }
p {  font-size: 1.2em; font-family: MMyHelvettica, verdana, arial, "sans serif"; }


.td-header { width: 200px; text-align: right; font-size: 1.2em; font-weight: bold; font-family: MyHelvettica, arial; padding: 2px;}
.td-data { font-size: 1.2em; font-weight: normal; font-family: MyHelvettica, arial; padding: 2px; }

.blue-header {  height: 50px; background-color: #004b8d; font-family: verdana, arial, "sans serif"; font-size: 1.0em; font-weight: bold; color: #FFFFFF; padding-left: 10px;}
.blue-table { border-bottom: 1px solid #004b8d; height: 50px; width: 750px; }
.blue-data {  height: 50px; background-color: #ffffff; font-family: MMyHelvettica, verdana, arial, "sans serif"; font-size: 1.0em; font-weight: normal; color: #000000; padding-left: 10px; text-align: left;  border-bottom: 1px solid #004b8d;}
.blue-data  a:hover { color: #ff0000; }

.rounded-div { -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: #e6ebf2; width: 750px; padding: 15px;}

.sub_header {   font-family: verdana, arial, "sans serif"; font-size: 1.4em; font-weight: bold; color: #7e7e7e;   }

.content1 th { height: 50px; background-color: #064683; font-family: verdana, arial, "sans serif"; font-size: 1.0em; font-weight: bold; color: #FFFFFF; text-align: left; }
.content1 .orddetail { height: 50px; background-color: #FFFFFF; font-family: verdana, arial, "sans serif"; font-size: 1.0em; color: #000000; text-align: left; }
.content1 .bottomline { border-bottom: solid 1px #AAAAAA; }

.content1 .goleft { text-align: left;  }
.content1 .goright { text-align: right; }
.content1 .custname { font-size: 1.2em; font-weight: bold; }
.content1 .sentto { color: #ed1c24; }