/**/
a { color: #000; }
a:hover { color: #a13122; }
body { color: #000; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #3f617a; background-image: url(../images/jmdp_body_bg4.jpg); background-repeat: no-repeat; background-position: center 0; margin: 0; }
img { border-width: 0; }
#wrapper { position: relative; top: 35px; width: 950px; z-index: 100; margin-right: auto; margin-left: auto; }
.nostyle { margin: 0; padding: 0; list-style-type: none; }
#bgimage { background-image: url(../images/heliosdg_bubblebg1.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 797px; height: 518px; z-index: 0; }
.floatleft { float: left; padding: 8px; }
.floatright { padding: 8px; float: right; clear: right; }
.clearleft { clear: left; }
.clearright { clear: right; }
.clearboth { clear: both; }
.backtotop { float: right; clear: both; margin-top: 12px; margin-right: 24px; margin-bottom: 12px; display: block; }
.backtotop a { text-decoration: none; position: relative; z-index: 1000; }
/**/
/**/
#header { width: 940px; height: 67px; float: left; clear: right; padding: 5px; }
#header h1 { }
#header h1 span { position: absolute; left:-9999px; }
#phoneinfo { color: #6b95a7; font-size: 12px; font-weight: bold; text-align: center; position: relative; top: 20px; right: 32px; z-index: 100; float: right; margin-bottom: -40px; }
#phoneinfo span { font-size: 18px; }
/**/
/**/
#navbar { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-seri; background-color: #000; background-repeat: repeat-x; position: relative; top: -54px; left: 340px; float: left; margin-bottom: -54px; padding: 2px;f; }
#navbar ul { text-transform: uppercase; margin: 0; padding: 0; list-style-type: none; display: inline; white-space: nowrap; }
#navbar ul li { font-size: 16px; float: left; margin: 0; padding: 0; display: inline; }
#navbar ul a { color: #fff; font-size: 14px; text-decoration: none; letter-spacing: 2px; position: relative; z-index: 1001; padding: 8px 5px; border-right: 1px solid #5a5a5a; display: block; }
#navbar ul a:hover { color: #000; background-color: #bcd642; background-image: url(../images/jmdp_navlink_bg1.jpg); background-repeat: repeat-x; }
#navbar #activepage a, #navbar #activepage a:hover { color: #004e30; background-color: #bcd642; background-image: url(../images/jmdp_navlink_bg1.jpg); background-repeat: repeat-x; }
a.firstlink { border-left-style: none !important; border-left-width: 0 !important; }
a.lastlink { position: absolute; z-index: 1002; border-right-style: none !important; border-right-width: 0 !important; }
#navbar li ul { text-transform: lowercase; text-align: left; position: absolute; left: -9999px; width: 78px; z-index: 1000; margin: 0; padding: 34px 0 0; }
#navbar li ul.servdrop { width: 104px !important; }
#navbar li ul li { font-size: 13px; display: block; }
#navbar ul ul a, #activepage a a { color: #fff !important; font-size: 12px; background-color: #66662d !important; background-image: none !important; letter-spacing: 0; width: 68px; padding: 5px; border-style: none; border-width: 0; display: block; }
#navbar ul ul.servdrop a { width: 94px !important; }
#navbar ul ul a:hover { color: #000 !important; background-color: #bcd642 !important; }
#navbar li:hover ul, #navbar li.sfhover ul, #navbar li.activelink ul { background-color: #66662d; top: 2px; left: auto; z-index: 1000; margin: 0; order-bottom-style: solid; order-right-style: solid; }
#navbar li.activelink ul { z-index: 1000; }
.activelink { cursor: default; }
/**/
/**/
#content { font-size: 13px; width: 940px; z-index: 1000; overflow: auto; clear: both; min-height: 350px; margin-right: auto; margin-left: auto; padding: 5px 5px 30px; border-top: 1px solid #caca9d; border-bottom: 1px solid #caca9d; }
#content h2 { color: #bcd642; font-size: 20px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; background-image: url(../images/jmdp_contentH2_bg1.png); background-repeat: no-repeat; background-position: left top; text-transform: uppercase; width: 376px; height: 45px; z-index: 0; margin: 10px 0 -18px -12px; padding: 12px 8px 8px 16px; white-space: nowrap; }
#column1, #column2, #column3, #column4 { background-color: #3f617a; width: 205px; height: 332px; margin-top: 22px; margin-right: 40px; margin-bottom: 20px; cursor: pointer; }
#column1 p, #column2 p, #column3 p, #column4 p { color: #fff; line-height: 18px; margin: 6px 10px 10px; padding: 10px 0 0; border-top: 1px dashed #efefcb; }
/*#column1:hover, #column2:hover, #column3:hover, #column4:hover { background-color: #efefcb; }*/
#homemessage { color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; width: 581px; height: 140px; float: left; margin-bottom: 20px; border-right: 1px solid #000; }
#homemessage p { text-align: justify; margin: 0; padding: 10px 20px 10px 10px; }
#staffpic { position: relative; width: 300px; height: 110px; float: left; padding: 10px 10px 10px 20px; }
#staffpic img { width: 298px; height: 108px; border: solid 1px #000; }
/**/
#column1 h2, #column2 h2, #column3 h2, #column4 h2 { background-color: none !important; background-image: none !important; position: relative; left: 0; width: 195px; margin: 0 0 -18px !important; padding: 10px 0 0 10px !important; white-space: nowrap; }
/**/
#column1 { background-image: url(../images/jmdp_col1_bg1.jpg); float: left; }
/**/
/**/
#column2 { background-image: url(../images/jmdp_col2_bg2.jpg); background-repeat: no-repeat; float: left; }
/**/
/**/
#column3 { background-image: url(../images/jmdp_col3_bg1.jpg); background-repeat: no-repeat; float: left; }
/**/
/**/
#column4 { background-image: url(../images/jmdp_col4_bg1.jpg); background-repeat: no-repeat; float: right; margin-right: 0; }
/**/
/**/
#mailform { font-size: 12px; width: 550px; float: left; margin: 0 0 0 10px; padding: 10px; border-right: 1px solid #6e8f98; }
#mailform input, #mailform select, #mailform textarea { margin-bottom: 8px; margin-left: 5px; display: block; }
.note { color: #5a5a5a; font-size: 10px; font-weight: bold; background-color: #efefcb; background-image: url(../images/jmdp_formnote_bg1.gif); background-repeat: no-repeat; background-position: left center; position: relative; top: -15px; width: 200px; float: left; margin-top: 3px; margin-bottom: 3px; margin-left: 5px; padding: 5px 5px 5px 13px; }
.required { color: #f90; font-size: 12px; font-weight: bold; }
#mailform label { font-weight: bold; margin-top: 5px; }
/**/
/**/
#footer { color: #caca9d; font-size: 11px; text-align: left; clear: both; margin-top: 12px; margin-right: auto; margin-left: auto; padding-bottom: 25px; }
#footer .copywrite { text-transform: uppercase; letter-spacing: 0.1em; }
#footer a { color: #000; margin-top: 6px; }
#footer a:hover { color: #930; }
.AuthorizeNetSeal { background-color: #fff; position: relative; top: 18px; float: right; border: solid 8px #fff; }
/**/
#services, #examples, #pricing, #quote, #order, #about, #contact, #staff, #cart { background-color: #fff; background-image: url(../images/jmdp_content_bg2.gif); background-repeat: repeat-x; background-position: 0 top; overflow: hidden; padding: 18px; }
/**/
#services { }
#showHide1, #showHide2, #showHide3, #showHide4, #showHide5, #showHide6, #showHide7, #showHide8, #showHide9, #showHide10, #showHide11, #showHide12, #showHide13, #showHide14, #showHide15, #showHide16, #showHide17, #showHide18, #showHide19, #showHide20 { background-color: #fff; background-image: url(../images/jmdp_service_bg1.jpg); background-repeat: no-repeat; background-position: right bottom; width: 532px; overflow: hidden; margin: 0; padding: 5px; border-top: 1px solid #ccc; border-bottom: 1px dashed #ccc; display: none; }
/* #services h2, #examples h2 { margin: 0; padding: 0; } */
#services h3 { font-size: 18px; font-weight: normal; background-image: url(../images/jmdp_services_h3_bg1.jpg); background-repeat: repeat-x; width: 534px; margin-bottom: 0; padding-left: 3px; border-left: 5px solid #a13122; cursor: pointer; }
#services p, #examples h3 { margin: 0 0 6px; padding: 8px 0 8px 8px; }
#services li.maincat { width: 120px; font-weight: bold; text-transform: uppercase; text-align: right; padding: 8px 6px 8px 10px; white-space: nowrap; }
#services ul.subcat { color: #98a2a6; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; text-transform: none; text-align: left; letter-spacing: 0; position: relative; top: -24px; left: 132px; width: 450px; height: 35px; border-left: 1px solid #dc9f00; display: block; }
#services ul.subcat li { text-align: left; position: relative; top: 6px; padding: 8px; border-style: none; border-width: 0; display: inline; }
.examplelink a, .orderlink a { font-weight: bold; text-decoration: none; width: 120px; float: right; clear: both; margin: 4px; padding: 6px; border-top: 1px solid #6b95a7; }
.orderlink a:hover { color: #fff; background-color: #9c3; background-image: url(../images/jmdp_ordernow_bg1.gif); background-repeat: repeat-y; background-position: right -2px; }
.orderlink a { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
/**/
/**/
#contact #address { width: 240px; float: right; padding: 8px; }
#contact #address h3 { color: #9c3; }
/**/
/**/
#examples .ordernow { position: relative; top: -124px; left: 24px; }
#examples h3 { color: #a13122; font-size: 28px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin: 0 0 0 12px; padding: 0; }
#examples h3 a { color: #a13122; font-weight: normal; text-decoration: none; }
#examples ul.nostyle { margin-bottom: -72px; }
/**/
/**/
#login, #register { background-image: url(../images/jmdp_login_bg1.jpg); background-repeat: no-repeat; width: 300px; min-height: 160px; padding: 6px; }
#login { float: left; padding-left: 18px; border-left: 1px solid #70949a; }
#register { float: left; }
#loginform { }
#loginform label, #orderform label { color: #fff; background-color: #6b95a7; text-align: right; width: 110px; height: 15px; float: left; clear: left; margin-right: 5px; margin-bottom: 8px; padding: 5px; border-left: 3px solid #a13122; display: block; }
#loginform input, #loginform textarea { float: left; margin-bottom: 5px; }
#loginform #username, #loginform #password, #registerform #email { width: 150px; float: left; margin-bottom: 8px; }
#loginform select { float: left; }
#loginbutton { float: left; clear: left; margin-left: 0; }
#forgotpassword { float: left; margin-left: 150px; }
#forgotpassword a { color: #000; }
#loginform fieldset { width: 350px; clear: both; margin: 0; padding: 12px; }
#loginform legend { color: #000; font-size: 14px; }
#loginform span.confirm { clear: both; display: block; }
.formnote { background-color: #efefcb; background-image: url(../images/jmdp_formnote_bg1.gif); background-repeat: no-repeat; background-position: 3px center; position: relative; top: -33px; left: 290px; float: left; padding: 3px 3px 3px 15px; display: inline; }
#login h4, span.errormessage { color: #fb2; font-weight: normal; background-color: #a13122; padding: 3px 5px; display: inline; }
/**/
/**/
#welcome { color: #fff; font-size: 11px; position: absolute; top: -15px; right: 18px; z-index: 1; float: right; padding: 3px; }
#welcome a { color: #fff; font-weight: bold; text-decoration: none; margin-left: 6px; padding-left: 6px; border-left: 1px dashed #a8c0dd; }
#welcome a:hover { color: #eade02; }
/**/
/**/
#orderform { width: 800px; margin: 0; padding: 0 12px 6px; }
.orderimage { position: absolute; right: 110px; margin-top: 8px; }
#orderform #prod1, #orderform #prod2 { background-color: #efefcb; }
#orderform fieldset { float: left; clear: both; margin-bottom: 12px; padding: 8px; }
#orderform textarea { float: left; clear: both; }
#orderform input { float: left; clear: right; }
#orderform #products { float: none; }
#prodoptions { width: 800px; }
#prodoptions h3 { color: #dc9f00; font-size: 16px; }
#orderform #submitbutton { clear: both; }
#order #orderinfo { position: absolute; top: 150px; left: 500px; padding-bottom: 32px; border-bottom: 1px dashed #c7d69f; }
#ordersteps { width: 800px; height: 48px; padding-bottom: 6px; border-bottom: 1px solid #c7d69f; }
#ordersteps li { text-align: center; width: 126px; height: 21px; float: left; padding: 9px; border-right: 1px dashed #9c3; white-space: nowrap; }
.activeorderpage { color: #dc7500; font-weight: bold; background-image: url(../images/jmdp_orderstep_bg1.png); background-repeat: no-repeat; background-position: 3px 6px; }
.altbgcolor { background-color: #efefcb; }
#ordertable input { width: 56px; }
/**/
#pricingtable { background-color: #efefcb; }
#pricingtable thead { background-color: #93a346; }
#pricingtable th { text-align: left; padding: 3px 5px; }
/**/
#updateqty { line-height: 18px; background-color: #fff; position: absolute; top: 230px; left: 200px; width: 130px; height: 100px; padding: 9px; border: double 3px #70949a; display: none; }
#updateqty form { }
#updateqty h4 { margin: 0; padding: 0; }
#updateqty a { font-weight: bold; margin-top: 10px; }
#updateimg { text-align: center; margin-right: auto; margin-left: auto; display: block; }
#changeaqty { }
/**/
#ponumbox { display: none; }
.findpobutt { color: #CCC; }