/*---- Styles for all browses ----*/
html {height:100%;}
body, p, img, a, select, input, div, label, strong, ul, li, h1, h2, h3, dl, dt, code, span, form {margin:0; padding:0;}
body {background:url(../img/bg/bg_body.jpg) top repeat-x; font:11px "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#333;}
a, a:visited {text-decoration:none; color:#066491;}
a:hover {text-decoration:underline; color:#066491;}
img {border:none;}
input {font:11px "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#799CC4; font-weight:bold;}
label.error {color:red;}
/*Main*/
#main {width:960px; margin:0 auto; min-height:600px; background-color:white; padding:50px 16px; position:relative; background:url(../img/bg/bg_content_home.jpg) top center no-repeat;}
/*Top*/
#top {float:left; width:960px;}
#top #topLogo {float:left; padding:20px 0 0 26px;}
#top #topNav {float:right; width:697px; height:62px; padding:25px 30px; background:url(../img/bg/bg_menu.png) no-repeat; position:relative;}
#top #topNav a {float:left; margin-right:20px; font-size:10px; font-weight:bold; color:#799CC4;}
#top #topNav a:hover{text-decoration:none; color:#4A77A8;}
#top #topNav a img {margin-right:5px; margin-bottom:-4px;}
#top #searchForm {float:right; width:238px; height:18px; padding:6px 12px; margin-top:-6px; background:url(../img/bg/bg_search.png) no-repeat;}
#top #searchForm input {width:208px;margin:0 15px 0 0; border:none; float:left;}
#top #searchForm input#searchField {border:1px solid white !important;height:15px;}
#top #searchForm input.btInp {width:auto;margin:0;}
#top #menu {list-style:none; width:721px; height:37px; position:absolute; left:13px; top:52px;}
#top #menu li {float:left; margin:0; padding:0;}
#top #menu li a {display:block; margin:0; height:37px; text-indent:-9999px; white-space:nowrap; overflow:hidden; background:url(../img/bg/bg_menu_buttons.png) no-repeat;}
#top #menu li.a01 a {width:82px; background-position:0 0;}
#top #menu li.a02 a {width:93px; background-position:-82px 0;}
#top #menu li.a03 a {width:73px; background-position:-175px 0;}
#top #menu li.a04 a {width:65px; background-position:-248px 0;}
#top #menu li.a05 a {width:73px; background-position:-313px 0;}
#top #menu li.a06 a {width:89px; background-position:-386px 0;}
#top #menu li.a07 a {width:123px; background-position:-475px 0;}
#top #menu li.a08 a {width:123px; background-position:-598px 0;}
#top #menu li.a01 a:hover{background-position:0 -37px;}
#top #menu li.a02 a:hover{background-position:-82px -37px;}
#top #menu li.a03 a:hover{background-position:-175px -37px;}
#top #menu li.a04 a:hover{background-position:-248px -37px;}
#top #menu li.a05 a:hover{background-position:-313px -37px;}
#top #menu li.a06 a:hover{background-position:-386px -37px;}
#top #menu li.a07 a:hover{background-position:-475px -37px;}
#top #menu li.a08 a:hover{background-position:-598px -37px;}
/*Content*/
#content {float:left; width:900px; padding:0 30px; margin-top:21px; margin-bottom:15px;}
#content p {margin-bottom:12px;}
#content h1 {margin-bottom:15px;color:#066491; font-size:24px; font-weight:normal;}
#content h1.pageTitle {width:100%;margin-bottom:5px;padding-bottom:5px; border-bottom:solid 1px #CBE6D6;}
#content h2 {margin-bottom:12px;color:#066491; font-size:12px; font-weight:normal;}
#content ul {padding-left:15px;}
p.solid {border: 1px solid #CECECE; color: #6d6d6d; padding: 15px; font-size: 12.5px;}
#content.content_home {width:930px;padding:0 15px; margin:0;}
#content.split {background:url(../img/bg/bg_side-menu.gif) repeat-y; position:relative; width:960px; margin-top:30px; padding:0;}
#content #contentSplit {float:left; width:694px; padding:0 30px; margin-top:-9px;}
/*Side Navigation*/
#content #sideNavFooter {position:absolute; left:0; top:100%; width:206px; height:9px; background:url(../img/bg/bg_side-menu_bottom.png) top no-repeat;}
#content #sideNav {float:left; width:206px; background:url(../img/bg/bg_side-menu_top.png) top no-repeat; margin-top:-38px; padding-top:40px; color:white;text-align:left;}
#content #sideNav ul {float:left; width:160px; list-style:none; padding:0 20px; margin-bottom:20px; background-color:#0A6693;}
#content #sideNav ul li {float:left; width:160px; font-size:15px; font-weight:bold; border-bottom:solid 1px #478CAE; padding:5px 0;}
#content #sideNav ul li.selectedTree{border:none;}
#content #sideNav ul li a.selected {color:#FFFF00;}
#content #sideNav ul li a {padding-left:27px; display:block; color:white; background:url(../img/bg/bg_sidenav_arrow.gif) 10px 7px no-repeat;}
#content #sideNav ul li a:hover {color:#FFFF00; background-position:-190px 7px; text-decoration:none;}
#content #sideNav ul li ul {margin:10px 0 10px 10px; padding:0 0 0 15px; border-left:solid 1px #478CAE; width:130px;}
#content #sideNav ul li ul li {margin:0; padding:0; font-size:12px; border:none; margin-bottom:5px; width:130px;}
#content #sideNav ul li ul li a {margin:0; padding:0; background:none;}
#content #sideNav ul li ul li a:hover{background:none;}
/*Footer*/
#footer {float:left; width:930px; background:url(../img/bg/bg_footer.png) top right no-repeat; margin-top:30px; margin-bottom:50px; padding-left:15px;position:relative;}
#footer #site_seal {position:absolute;right:100px;top:45px;}
#footerNav {float:left; width:930px; height:50px;}
#footer ul {float:left; list-style:none; width:545px; padding:10px 0;}
#footer ul li {float:left; padding:0 20px; border-right:solid 1px #DADCDE;}
#footer ul li.last {border-right:none;}
#footer ul li a {font-weight:bold; font-size:11px; color:#799CC4;}
#footer #mailingForm {float:left; width:366px; height:18px; padding:6px 0; margin-top:4px; background:url(../img/bg/bg_search.png) 110px top no-repeat;}
#footer #mailingForm label {float:left; width:110px; color:#008B38; font-size:11px; margin-right:10px;}
#footer #mailingForm input {float:left; width:205px; border:none;}
#footer #mailingForm input.btInp {float:right; width:auto; margin:-2px -7px 0 0;}
#footer #footerLogo {float:left; padding:2px 22px;}
#footer #mckLogo {float:right; padding:2px 12px;}
#footer p {float:left; width:580px; font-size:10px; color:#6F6F6F; margin-bottom:8px; padding:0 12px;}
#footer p strong {color:#008B38; font-size:12px; font-weight:normal;}
#footer p.copy {color:#9D9D9D;width:500px;}
#footer p small {font-size:10px;}
/*Category*/
#content #prodList {float:left; width:714px;list-style:none; padding:0; margin-right:-20px; margin-bottom: 50px;}
#content #prodList li {float:left; width:122px; height:200px; color:#333; margin-right:20px; text-align:center;}
#content #prodList li div {width:120px; height:120px; border: solid 1px #136992; background-color:white;}
#content #prodList li div a {display:block; width:120px; height:120px; text-indent:-9999px; overflow:hidden; white-space:nowrap; background-position:center center; background-repeat:no-repeat;}
#content #prodList li div a.noImage {text-indent:0; text-align:center; background:#EEE; padding-top:47px; height:73px; font-size:10px; color:#999;}
div#srchImage a.noImage {text-indent:0; text-align:center; background:#EEE; padding-top:47px; height:73px; font-size:10px; color:#999;}
div#srchImage {width:120px; height:120px; border: solid 1px #136992; background-color:white;}
div#srchImage a {display:block; width:120px; height:120px; text-indent:-9999px; overflow:hidden; white-space:nowrap; background-position:center center; background-repeat:no-repeat;}
#content #prodList li div a.noImage:hover {text-decoration:none;}
#content #prodList li a {color:#333;}
/*Product Details*/
#content #prodImage {float:left; width:310px; padding:0; border:solid 1px #136992; background-color:white; text-align:center; margin-right:20px;}
#content #prodImage div.noImage {text-align:center; background:#EEE; padding-top:117px; height:143px; width:100%; font-size:10px; color:#999; margin:-10px 0;}
#content #prodDetails {float:left; width:352px;}
#content #prodDescTitle {margin:15px 0 5px 0; color:#066491; font-size:12px;}
#content #prodDescTitle strong {font-weight:normal;}
#content #prodPriceContainer {margin:20px 0; float:left; width:352px; border-bottom:solid 1px #CFE9D9; border-top:solid 1px #CFE9D9; padding:10px 0;}
#content #prodPriceContainer p {float:left; margin:0; width:250px;}
#content #prodPriceContainer p strong {font-weight:normal; color:#066491;}
#content #prodPriceContainer p.prodPrice {float:right; width:80px;}
#content #addToCartButton {float:right;}
#content #attTable {width:352px; margin-top:20px; float:left;}
#content #attTable tr td table {width:352px; margin:0; padding:0;}
#content #attTable tr tr th {background-color:#D9E7DF; color:#066491; font-size:12px; font-weight:normal;padding:2px 5px; text-align:left;}
#content #attTable tr tr td {background-color:#D9E7DF; color:#666; font-size:11px; padding:1px 5px;}
#content #attTable tr tr td.addButton input.btSubmit {color:#007F25; font:11px Tahoma,"Trebuchet MS"; font-weight:bold; padding:0; margin:0; border:none; background:transparent; cursor:pointer;}
#content #attTable tr.altLine td {background-color:#EEF4F1;}
#content #attTable tr .tableBottom {width:352px; height:10px; padding:0; background:url(../img/bg/att_table_bottom.png) no-repeat;}
#content #attTable tr .tableTop {width:352px; padding:6px 0 0 0; background:url(../img/bg/att_table_top.png) no-repeat;}
#content #prodDetails #prodDetailsLinks {float:left; width:402px; list-style:none; padding:0; margin:0; margin-top:20px; margin-right:-50px;}
#content #prodDetails #prodDetailsLinks li {float:left; padding:0 45px 0 20px; background:url(../img/icon/dotted_arrow.gif) no-repeat 8px 4px; white-space:nowrap;}
#content #prodDetails #prodDetailsLinks li.tellFriend input {font:11px "Trebuchet MS", Verdana, Helvetica, sans-serif; color:#066491; background:transparent; padding:0; border:none; cursor:pointer; border-bottom:solid 1px transparent;}
#content #prodDetails #prodDetailsLinks li.tellFriend input:hover{border-bottom:solid 1px #066491;}
#content #relatedProds {float:left; width:694px; background-color:#E5F3EB; margin-top:30px;}
#content #relatedProds p {float:left; background:url(../img/bg/bg_related_top.png) no-repeat; width:682px; padding:10px 0 0 14px; margin:-6px -14px 10px 0; color:#066491; font-size:12px;}
#content #relatedProds #prodList {float:left; width:682px;list-style:none; padding:0 0 0 14px; margin: 0 -14px -6px 0; background:url(../img/bg/bg_related_bottom.png) left bottom no-repeat;}
#content #relatedProds #prodList li {margin-right:14px;}
/*Login*/
#login .content_cms {width:435px; float:left; margin-right:25px;}
#login form {background:url(../img/bg/form_login.png); color:#FFF; width:368px; height:153px; padding:22px 34px; float:right;}
#login form label {color:#FFF; font-size:12px; margin-bottom:3px;}
#login form input {display:block;}
#login form .email,
#login form .password {width:366px; border:#CCC solid 1px; padding:5px 3px; margin-bottom:20px;}
#login form .password {margin-bottom:0;}
#login form #passDiv {margin:0; height:60px;}
#login form .loginLinks {float:left; width:368px; margin:5px 0 0 0; font-size:12px;}
#login form .loginLinks a {color:#FFF; float:right;}
#login form .loginLinks input {float:left; margin-right:3px;}
#login form .loginLinks p {float:left; width:120px; margin:0;}
#login form .loginLinks input.bt_submit {float:right; margin:-5px 0 0 10px;}
#aPlaceOrderNoAccount {float:right; display:block; clear:right; margin-top:10px;}
/*Home*/
.content_home {float:left; width:930px;padding:0 15px;}
/*__________________________CMS________________________*/
/*Home*/
.content_home #homePic {float:left; width:387px; margin-right:-15px;}
.content_home #homeBoxes {float:left; width:558px; padding-top:53px;}
.content_home #homeBoxesTitle {float:left; padding:0 0 35px 35px;}
.content_home #homeBox01 {float:left; width:500px; padding:0 25px;}
.content_home #homeBox01 img {margin:-2px 0 -5px -20px;}
.content_home #homeBox02 h2 {color:#066491; font-size:13px; font-weight:normal; margin-bottom:2px;}
.content_home #homeBox02 img {margin:-10px 0 0 -12px;}
/*Location*/
#locations .content_cms {width:435px; float:left;}
#zip_postal {width:436px; float:right;}
#zip_postal form {background:url(../img/bg/locations.png) ; width:401px; height:42px; padding:19px 0 16px 35px;}
#zip_postal label {color:#FFF; font-size:12px; margin-bottom:3px;}
#zip_postal form input {float:left;}
#zip_postal .postal_code {width:319px; border:#CCC solid 1px; padding:6px 3px; margin:3px 5px 0 0;}
#zip_postal form .bt_search {margin-top:8px; width:13px; height:17px;}
#zip_postal .postal_information {background:url(../img/bg/information_postal.png) no-repeat; width:436px; height:auto !important;height:80px;min-height:80px; padding-top:16px; color:#333; font-size:14px; margin-top:19px; position:relative; text-align:center;}
#zip_postal .postal_footer {background:url(../img/bg/information_postal_footer.png) no-repeat; width:436px; height:10px;}
#result_locations {text-align:center;}
#result_locations #zip_postal {float:none; margin:0 auto;}
#result_locations .message_locations {color:red;}
/*ZD WHY*/
#zd_why .content_cms {width:329px; float:left; margin-top:10px;}
#zd_why .forms {float:right;}
#zd_why .forms,
#zd_why .forms input,
#zd_why .forms textarea {width:325px;}
#zd_why .forms .bt_send {width:87px; height:30px; float:right; margin-top:22px;}
/*Contact*/
#contact_page .content_cms {width:500px;float:left;}
#contact_page .forms {width:350px;float:right;}
#contact_page .forms input,
#contact_page .forms textarea {width:350px;}
#contact_page .forms .submit input {font-size:0;line-height:0;background:url(../img/bt/send.png) no-repeat;width:87px;height:30px;float:right;margin:15px 0 0 0;cursor:pointer; border:none;}
#contact_page .forms label.name {margin-top:0px;}
/*Zip Catalog*/
.title_line {border-bottom:1px solid #CFE9D9;}
.sub_title {font-size:12px;color:#066491;margin:-10px 0 0 0; }
#zip_page .sub_title {font-size:12px;color:#066491;margin:0; }
.wrap_zip {margin:-2px 0 0 0;width:484px;height:193px;padding:40px 169px 0 248px;background:url(../img/bg/zip.jpg) no-repeat;}
.wrap_zip form {width:482px;background:url(../img/bg/form2.png) 0 21px no-repeat !important;height:86px;}
.wrap_zip form .input_address {width:417px;float:left;}
.wrap_zip form .input_address input {margin:20px 0 0 19px;}
.wrap_zip form .submit input {float:left;width:13px;height:17px;background:url(../img/bt/search2.jpg) no-repeat !important;padding:0;margin:23px 0 0 27px;line-height:0;font-size:0;cursor:pointer;border:none;}
.ie7 .wrap_zip form label {margin-top:0px;}
/*News and Resources*/
.list_itens {list-style:none;padding-left:0 !important;}
.table_list {padding:10px 0 15px;}
.table_list td {vertical-align:top;}
.table_list td h3 {color:#066491;font-weight:normal;}
.table_list td h3 span {color:#666;font-size:11px;}
.photo_news {padding:0 20px 0 0;vertical-align:top;}
.photo_news.resources {width:85px !important;}
.text_resource {width:610px !important;}
.content_news .big_img {float:right;margin:0 0 10px 10px;}
.download_table td img {max-width:32px;float:left;}
.download_table td .link_pdf {margin:9px 0 0 5px;float:left;}
#flashMessage.message {color:green;font-weight:bold;padding:5px 0;border-top:dotted 1px black;border-bottom:dotted 1px black;}
#checkout-headers{
border:1px solid #e9e9e9;
background:#f6f6f6;
margin:0 auto 20px;
padding:5px;
font:bold 12px Arial, Helvetica, sans-serif;
color:#ccc;
width:880px;
}
#checkout-headers .secure, #checkout-headers .ocst, #checkout-headers .osel, #checkout-headers .opay{
float:left;
display:inline;
padding:5px 10px;
margin:0 5px;
text-transform:uppercase;
}
#checkout-headers .secure{
padding:5px 10px 5px 30px;
background:url(../images/icons/lock.png) no-repeat 5px center;
color:#828282;
}
#checkout-headers .id-page{
background:#99D1B0;
color:#fff;
margin:0 0 0 5px;
}
#checkout-headers .id-arrow{
float:left;
display:inline;
font-size:0px;
line-height:0%;
width:0px;
border-top:12px solid #f6f6f6;
border-left:20px solid #99D1B0;
border-bottom:12px solid #f6f6f6;
margin-right:5px;
}
#checkout-headers .id-arrow2{
float:left;
display:inline;
font-size:0px;
line-height:0%;
width:0px;
border-top:20px solid #f6f6f6;
border-left:20px solid #99D1B0;
border-bottom:17px solid #f6f6f6;
margin-right:5px;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
#customerfields_table input{margin-top: 5px;}
/* Edits by Joe Burton for OPAY
9-20-10 */
td#payment_iframe iframe{
width: 320px;
height: 180px;
border:0px;
}
#iframe_alttext{
z-index: -1;
position: relative;
top: 90px;
margin-left: 5px;
padding-bottom: 20px;
}
#XiPay_iframe{
z-index: 5;
background-color: #FFF;
border:0px;
}
.prod-disp div a img{width:120px; height:120px; border: solid 1px #136992; background-color:white;}
.prod-disp{list-style-type: none; width: 120px; height: 120px;}
.prod_text{color: #333; font-size: 10px; text-align: center; display: block;}
.prod_text:visited{color:#333;}
#contact_page .forms div.checkbox input.input_returning, #zd_why .forms div.checkbox input.input_returning{float: left; width: 20px;}
.forms #contact_form .checkbox label{
margin: 20px 0 15px 0;
display: block;
}
/******
New AED checkout
Joe Burton
1/3/11
***/
#prem_options input, #ess_options input{
margin-left: 25px;
margin-top: 5px;
margin-right: 5px;
}
#options{
margin-left: 40px;
}
#aed-container input{
margin-top: 5px;
}
#aed-container #contBtn{
float: right;
}
#aed-container .subsections{
margin-left: 20px;
font-size: 10px;
}
#header_phone{height: 31px;width: 120px;float: left;margin: -8px 20px 0 -11px;}