@charset "utf-8"; /* CSS Document */
/* ========================================================================== Reset ========================================================================== */
html { -webkit-text-size-adjust:none; /* Prevent font scaling in landscape */
}
body { margin:0px; padding:0px;}
h1,h2,h3,h4,h5,h6,ul,ol,li,form,input,textarea,select { margin:0; padding:0; vertical-align:middle;}
header,nav,article,footer,address,section { display:block;}
p { margin:10px 0;}
img { border:0;}
a { text-decoration:none; outline:none; color:#09f;}
a:link,a:hover,a:focus { text-decoration:underline; color:#09f;}
a:focus { outline:none !important; outline-offset:0px !important;}
img.map,map area:focus,map area:active { outline:none !important;}
/* ========================================================================== General ========================================================================== */
body { font:16px 'OpenSansLight'; color:#666;}
.italic { font-family:'OpenSansLightItalic'}
.regular { font-family:'OpenSansRegular'}
.bold { font-family:'OpenSansBold'}
.semibold { font-family:'open_sanssemibold'}
.left { text-align:left !important;}
.right { text-align:right !important;}
.center { text-align:center !important;}
.justify { text-align:justify !important;}
.caps { text-transform:uppercase;}
.img-center { margin:0 auto;}
.hcenter { margin-left:auto; margin-right:auto;}
.middle { position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.vtop { vertical-align:top;}
.vmid { vertical-align:middle;}
.nofloat { float:none !important;}
.float-left { float:left !important;}
.float-right { float:right !important;}
.clear { clear:both;}
.block { display:block !important;}
.iblock { display:inline-block !important;}
.inline { display:inline !important;}
.absolute { position:absolute !important;}
.relative { position:relative !important;}
.fixed { position:fixed !important;}
.nowrap { white-space:nowrap;}
.break { word-break:break-all;}
.shadow { border-color:rgba(0, 0, 0, 0); border-left-style:none; border-right-style:none; border-top-style:none; box-shadow:0 2px 2px rgba(0, 0, 0, 0.3);}
.gradient { background-image:linear-gradient(to top, #fff, #f0f0f0);}
.noradius { border-radius:0 !important;}
.noborder { border:none !important;}
/* Margins */
.m0 { margin:0;}
.mt10 { margin-top:10px;}
.mb10 { margin-bottom:10px;}
.mt20 { margin-top:20px;}
.mb20 { margin-bottom:20px;}
.mt30 { margin-top:30px;}
.mb30 { margin-bottom:30px;}
.mb40 { margin-bottom:40px;}
/* Paddings */
.p0 { padding:0;}
.pt0 { padding-top:0;}
.pb0 { padding-bottom:0;}
.pl0 { padding-left:0;}
.pr0 { padding-right:0;}
.pt5 { padding-top:5px;}
.pb5 { padding-bottom:5px;}
.pl5 { padding-left:5px;}
.pr5 { padding-right:5px;}
.pt10 { padding-top:10px;}
.pb10 { padding-bottom:10px;}
.pl10 { padding-left:10px;}
.pr10 { padding-right:10px;}
.pt15 { padding-top:15px;}
.pb15 { padding-bottom:15px;}
.pl15 { padding-left:15px;}
.pr15 { padding-right:15px;}
.pt20 { padding-top:20px;}
.pb20 { padding-bottom:20px;}
.pl20 { padding-left:20px;}
.pr20 { padding-right:20px;}
.pt30 { padding-top:30px;}
.pb30 { padding-bottom:30px;}
.pl30 { padding-left:30px;}
.pr30 { padding-right:30px;}
.pt40 { padding-top:40px;}
.pb40 { padding-bottom:40px;}
.pl40 { padding-left:40px;}
.pr40 { padding-right:40px;}
.ph15 { padding-left:15px; padding-right:15px;}
.btn.btnPad { padding:8px 35px; font-size:16px; font-weight:700;}
.btnBlue-gradient.big { padding:17px 25px;}
.btnBlue-gradient.bluebig { padding:10px 45px;}
.btnGrey-gradient.big { padding:17px 25px;}
.btnBlue-gradient.btnPad { padding:8px 35px;}
.btnGrey-gradient.btnPad { padding:8px 35px;}
.btnBlue-gradient.btnLessPad { padding:5px 15px !important;}
.btnGrey-gradient.btnLessPad { padding:5px 15px !important;}
.btnBlue-gradient.small { font-size:14px; padding:5px 30px;}
.btnGrey-gradient.small { font-size:14px; padding:5px 30px;}
.btnBlue-gradient.tiny { font-size:12px; padding:2px 7px; font-weight:normal;}
.btnGrey-gradient.tiny { font-size:12px; padding:2px 7px; font-weight:normal;}
.btnBlue-gradient.iconbtn { font-size:11px; line-height:12px; padding:2px 13px 4px; border-radius:0;}
.btnBlue-gradient.iconbtn img { margin-left:0;}
.btnBlue-gradient.iconbtn:active { transform:none;}
.btnLightGrey.iconbtn { font-size:11px; line-height:12px; padding:2px 13px 4px; border-radius:0;}
.btnLightGrey.iconbtn img { margin-left:0;}
.btnLightGrey.iconbtn:active { transform:none;}
.max600 { max-width:600px;}
.max800 { max-width:800px;}
.mbt { margin-bottom:3px;}
.red { color:#f00; margin:0px;}
.green { color:#093;}

.lightgreen { color:#0dbe00;}
.popup-height { max-height: calc(100vh - 100px); overflow:auto;  }
/* ========================================================================== Layout ========================================================================== */
#wrapper { width:100%; background:#f0f0f0; /*clear:both; overflow:hidden; */
}
/*.innerwrap { width:980px; margin:0 auto;}
*/
#zenbox_tab { display:none !important;}
#contentBox { margin-top:0;}
.dvSpinner { background:url("/images/ajax-loader.gif") no-repeat scroll center center #FFFFFF; font:16px Tahoma, Geneva, sans-serif; text-align:center; position:fixed; width:50px; height:50px; left:50%; top:50%; margin-left:-50px; margin-top:-50px; padding:10px; border:1px solid #556E75; overflow:auto; display:none; z-index:2;}
/* Header */
.headerBoxNav { background:#fff; width:100%; height:auto; left:0; position:relative; z-index:25; box-shadow:0 2px 2px #979797;}
.logoBoxNav { padding:7px;}
.logoBoxNav a { display:block;}
.logoBoxNav a img.img-responsive { width:auto\9!important;}
/* Top Navigation */
.topNav { float:left; border-top:1px solid #cfcfcf; padding:0; width:100%;}
.topNav ul { list-style-type:none; width:inherit;}
.topNav ul li { width:33%; float:left; text-align:center; display:block; background:url(../images/topnav_sep.png) repeat-x center -66px; padding:0 1px;}
.topNav ul li:hover,.topNav ul li.active { background-position:center top;}
.topNav ul li a { padding:12px 5px; background:#fff; font-size:16px; line-height:20px; font-weight:normal; color:#333; text-decoration:none; display:block; height:65px;}
.topNav ul li a { height:66px\9; margin-top:-2px\9;}
.topNav ul li a:hover,.topNav ul li.active a { background:-webkit-linear-gradient(bottom, #f0f0f0, #fff); /* For Safari 5.1 to 6.0 */
 background:linear-gradient(to top, #f0f0f0, #fff); /* Standard syntax */
 text-decoration:none;}
.topBtns { text-align:center; min-height:60px;}
.topBtns input,.topBtns button,.topBtns a.btn { margin:12px 0 0 5px; padding-left:10px; padding-right:10px;}
.topBtns a.btnBlue-insite { margin-left:0;}
/* Header Boxes */
.headerSubBoxNav { background-color:#e6e6e6; border-bottom:2px solid #D2D2D2; border-top:2px solid #C0C0C0; height:150px; position:relative; top:0; left:0; width:100%; height:auto; min-height:80px; display:none; font-size:15px;}
.headerSubBoxNav p { margin:10px 29px 10px 0;}
.closeSubBox { float:right; width:20px; height:20px; margin:0; position:absolute; right:20px; z-index:500;}
#resourceSubBox .closeSubBox { margin-top:10px;}
.sellerBoxFeature { clear:both; margin-bottom:10px;}
.sellerBoxFeature img { float:left; margin:0 10px 10px 0;}
.sellerBoxFeature div { margin-left:75px;}
.marginlft58 { margin-left:58px !important;}
.toggle { height:17px; width:70px; display:inline-block; background:url(../images/more.png) no-repeat right 8px top 8px;}
.toggle.less { background:url(../images/less.png) no-repeat right 8px top 8px;}
.FooterText a.toggle { color:#0099ff; margin:0 auto;}
a.FooterSectionHeader { color:#434343 !important; padding-bottom:5px;}
/* Footer */
.bottomBox { background:#dbdbdb; height:auto !important;}
.FooterText { padding-top:10px; padding-bottom:10px;}
.FooterText + .FooterText { margin-top:15px;}
.FooterText a { font-size:12px; color:#666; text-align:center; text-decoration:none; display:block; font-family:TeXGyreHerosRegular}
.FooterText a.top-menu-link { font-size:12px; color:#666; text-align:center; text-decoration:none; display:block; font-family:TeXGyreHerosRegular;}
.FooterText a:hover { color:#029aff;}
.FooterText a.active { color:#029aff;}
.FooterText a.blue { color:#029aff;}
a.FooterSectionHeader { font-size:14px; font-weight:bold; color:#444444 !important; text-decoration:none; margin-bottom:10px;}
.copyright { font-size:12px; color:#666666;}
.bbb-logo a { display:inline-block;}
.headerSubBoxNav .FooterText a,.FooterText a { text-align:center;}
/* Buttons */
.btnBlue { color:#fff !important; font-size:14px; padding:9px 10px; border-color:#0064a7; display:inline-block; background-color:#0096fe; /*border:solid 1px #babbbc; */
 outline:none!important; background-image:-webkit-linear-gradient(bottom, #077ae6, #0569c2 3%, #0081f3 5%, #0097fe 88%); background-image:-moz-linear-gradient(bottom, #077ae6, #0569c2 3%, #0081f3 5%, #0097fe 88%); background-image:-o-linear-gradient(bottom, #077ae6, #0569c2 3%, #0081f3 5%, #0097fe 88%); background-image:linear-gradient(to top, #077ae6, #0569c2 3%, #0081f3 5%, #0097fe 88%); text-decoration:none!important; text-shadow:none!important;}
.btnBlue:hover { color:#fff!important; background-color:#0083f4; /*border:solid 1px #babbbc; */
 background-image:-webkit-linear-gradient(top, #0081f3 5%, #0097fe 96%, #0569c2 98%, #077ae6); background-image:-moz-linear-gradient(top, #0081f3 5%, #0097fe 96%, #0569c2 98%, #077ae6); background-image:-o-linear-gradient(top, #0081f3 5%, #0097fe 96%, #0569c2 98%, #077ae6); background-image:linear-gradient(to bottom, #0081f3 5%, #0097fe 96%, #0569c2 98%, #077ae6);}
.btnBlue:active { color:#fff; transform:scale(0.98); box-shadow:inset 0 0 3px #0f4076; /*background-color:#0a6ecb; */
 background-image:-webkit-linear-gradient(top, #0081f3 45%, #077ae6 60%); background-image:-moz-linear-gradient(top, #0081f3 45%, #077ae6 60%); background-image:-o-linear-gradient(top, #0081f3 45%, #077ae6 60%); background-image:linear-gradient(to bottom, #0081f3 45%, #077ae6 60%);}
.btnDarkGreen { background:#175b0c; border-radius:4px; color:#fff; border:0 none; font-weight:bold; padding:10px; font-size:16px;}
.btnDarkGreen:hover { background:#1a720c;}
.btnDarkGreen:active { transform:scale(0.98); box-shadow:inset 0 0 3px #045c0a;}
.squareBlueBtn { background:#0099ff; border-radius:0px; text-transform:uppercase; color:#fff; font-size:12px; font-family:'opensansRegular'; transition:all 0.2s; text-decoration:none;}
.squareBlueBtn:hover,.squareBlueBtn:focus { color:#fff; background:#008eed; outline:0 none;}
.user-name { padding:10px 2px; margin-top:0px; margin-bottom:0px; font-size:14px; display:inline-block; text-decoration:none!important; box-shadow:0 0 0 rgba(0, 0, 0, 0.125) inset !important; width:155px;}
.user-name span.caret { margin-top:-10px;}
.user-name span.clsUser { display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:130px;}
.user-main .dropdown-menu > li > a { text-decoration:none!important;}
.user-main .dropdown-menu { margin-left:-12px!important;}
.user-name .btn-group.open { box-shadow:0px!important;}
.btnGrey { color:#fff; border-color:#666; background-color:#868686;}
.btnGrey:hover,.btnGrey:focus { color:#fff; background-color:#868686;}
.btnGrey:active { color:#fff;}
.btnLightGrey { color:#666; border:1px solid #b4b4b4; background-color:#e6e6e6; display:inline-block; text-decoration:none; font-weight:bold; text-shadow:1px 1px #fff;}
.btnLightGrey:hover,.btnGrey:focus { background-color:#f0f0f0;}
.btnLightGrey:active { background-color:#dbdbdb; border-color:#b1b1b1; box-shadow:inset 0 0 2px 0 rgba(0, 0, 0, 0.2);}
.btnLightGrey:link,.btnLightGrey:hover { text-decoration:none;}
.btnGrey-gradient { border:solid 1px #767676; /*border:none; */
 display:inline-block; padding:8px 15px; font-size:16px; color:#fff !important; font-weight:700; text-shadow:1px 1px #444; text-decoration:none !important; outline:none; border-radius:4px; background:#666; background-image:-webkit-linear-gradient(bottom, #5c5c5c, #606060 40%, #727272 60%, #767676 88%); background-image:-moz-linear-gradient(bottom, #5c5c5c, #606060 40%, #727272 60%, #767676 88%); background-image:-o-linear-gradient(bottom, #5c5c5c, #606060 40%, #727272 60%, #767676 88%); background-image:linear-gradient(to top, #5c5c5c, #606060 40%, #727272 60%, #767676 88%);}
.btnGrey-gradient:hover { background-image:none;}
.btnGrey-gradient:active { box-shadow:inset 0 0 4px 1px #444; transform:scale(0.98);}
.btnWhite { color:#999; border-color:#999; background-color:#fff;}
.btnWhite:hover,.btnGrey:focus { color:#999; background-color:#f5f5f5;}
.btnWhite:active { color:#999;}
.btnBlue-gradient { border:solid 1px #077ae6; display:inline-block; padding:8px 15px; font-size:16px; color:#fff !important; font-weight:700; text-shadow:1px 1px #2863a9; text-decoration:none !important; outline:none !important; border-radius:4px; background-color:#0096fe; background-image:-webkit-linear-gradient(bottom, #077ae6, #0569c2 3%, #0081f3 5%, #0097fe 88%); background-image:-moz-linear-gradient(bottom, #077ae6, #0569c2 3%, #0081f3 5%, #0097fe 88%); background-image:-o-linear-gradient(bottom, #077ae6, #0569c2 3%, #0081f3 5%, #0097fe 88%); background-image:linear-gradient(to top, #077ae6, #0569c2 3%, #0081f3 5%, #0097fe 88%);}
.btnBlue-gradient:hover { /*border:solid 1px #babbbc; */
 background-color:#0083f4; background-image:-webkit-linear-gradient(top, #0081f3 5%, #0097fe 96%, #0569c2 98%, #077ae6); background-image:-moz-linear-gradient(top, #0081f3 5%, #0097fe 96%, #0569c2 98%, #077ae6); background-image:-o-linear-gradient(top, #0081f3 5%, #0097fe 96%, #0569c2 98%, #077ae6); background-image:linear-gradient(to bottom, #0081f3 5%, #0097fe 96%, #0569c2 98%, #077ae6);}
.btnBlue-gradient:active { box-shadow:inset 0 0 3px #0f4076; transform:scale(0.98); background-color:#0a6ecb; background-image:-webkit-linear-gradient(top, #0081f3 45%, #077ae6 60%); background-image:-moz-linear-gradient(top, #0081f3 45%, #077ae6 60%); background-image:-o-linear-gradient(top, #0081f3 45%, #077ae6 60%); background-image:linear-gradient(to bottom, #0081f3 45%, #077ae6 60%);}
a.btnBlue-gradient img { margin-left:10px;}
.buttonwrap { text-align:center;}
/* Headings & Texts */
.pageHeading { font:bold 20px/22px Arial; color:#333; border-bottom:1px solid #999; padding-bottom:10px;}
.pageSubHeading { font:bold 18px/20px Arial; color:#333; border-bottom:1px solid #999; padding-bottom:10px;}
.heading02 { font:24px/30px TeXGyreHerosRegular;}
.heading03 { font:18px/24px TeXGyreHerosRegular;}
.heading04 { font:20px/24px TeXGyreHerosRegular;}
.heading05 { font:26px/30px TeXGyreHerosRegular;}
.heading06 { font:22px/26px TeXGyreHerosRegular;}
.lh15 { line-height:1.5;}
.heading02 small { font-size:18px; color:inherit; margin-left:7px;}
.multi-col .heading02 { font-size:22px;}
.hdBlue { color:#09f;}
.validwrap { min-height:18px; font-size:0;}
.validation { color:#f00; font-size:12px; font-family:TeXGyreHerosRegular; line-height:18px;}
.validgroup { margin:10px 0; padding:10px 20px 10px 30px; background:#f2dede;}
.validgroup ul li { font:12px/18px TeXGyreHerosRegular; color:#f00;}
.smallText { font-size:14px;}
.tinyText {font-size:11px;}
.txtGrey { color:#9a9a9a !important;}
.defText { font:14px Arial; color:#000;}
.navbar-toggle { background:#0099ff;}
.navbar-toggle .icon-bar { background:#fff;}
/* Video Modal */
.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed { position:absolute; top:0; left:0; width:100%; height:100%;}
.searchHomeHeader-searchbtn { padding:6px 15px!important; width:100%!important;}

span.message-count{font:bold 14px/20px Arial; position: absolute; right: 0px; top: 4px; font-size: 9px; line-height: 13px; border-radius: 10px; padding:1px 2px 1px 3px; color:#fff; background: #f90706; width: 15px; height: 15px; display: block; text-align: center;}
.mfSection ul li a span.message-count {left: 0px; right: auto;}
a.user-name span.message-count {right: 8px; top: 8px;}
a.user-name.btnGrey span.message-count {right: 11px; top: 2px;}
.btnApplyGrey {padding: 5px 30px;font-size:14px}
/* Small devices (480px and up) */
@media (min-width:480px) {
    .logoBoxNav { float:left;}
 .topNav ul li a { padding:21px 5px;}
 .topBtns { text-align:right; min-height:66px;}
 .user-name { width:150px;}
 .FooterText .FooterText { display:block; width:50%; min-height:200px;}
 .FooterText + .FooterText { margin-top:0;}
}
/* @media */
/* Small devices (600px and up) */
@media (min-width:600px) { .user-name { margin-top:8px;}
 .FooterText .FooterText { width:25%;}
}
/* @media */
@media (max-width:767px) { .FooterText .FooterText { float:none; width:auto;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) { #zenbox_tab { display:block !important;}
 .logoBoxNav { padding:7px 0 0 7px;}
 .headerBoxNav { height:66px; position:fixed; top:0; left:0; right:0; width:100%;z-index:1000; }
 .topNav { float:left; border-top:none; padding:0 15px;}
 .topNav ul li a { padding:17px 10px;}
 .topBtns { float:right; text-align:right; padding:0 7px 0 0;}
 .topNav.col-md-6 { width:100%; margin-left:0px;}
 .topNav.col-md-6 { width:inherit;}
 .topBtns a.btnBlue-insite { margin-top:5px;}
 .user-name { margin-top:0; padding:5px 2px;}
 .headerSubBoxNav { top:66px; left:0; right:0; position:fixed; z-index:990; width:100%;}
 #sellerSubBox input { width:auto; min-width:200px; margin:5px;}
 #loginSubBox input { width:auto; min-width:200px; margin:5px;}
 #buyerSubBox input { margin:5px 5px 5px 0;}
 #buyerSubBox input[type=text] { width:auto;}
 #buyerSubBox #txtSearch { width:450px;}
 #buyerSubBox select { width:100px;}
 #buyerSubBox #txtPriceMin, #buyerSubBox #txtPriceMax { width:100px;}
 .sellerBoxFeature { clear:none; margin-bottom:0;}
 .sellerBoxFeature img { margin:0 10px 10px 0;}
 .sellerBoxFeature div { margin-left:0;}
 #contentBox { margin-top:66px;}
 .btnBlue-gradient { padding:8px 25px;}
 .btnGrey-gradient { padding:8px 25px;}
 .buttonwrap { text-align:right;}
 .FooterText .FooterText { width:24.667%;}
 .searchHomeHeader-searchbtn { padding:6px 15px!important; width:175px!important;}
 .headerSubBoxNav .FooterText a, .FooterText a, .FooterText a.toggle { text-align:left; margin:0;}
 .headerSubBoxNav .FooterText { /*width:20%; */
 }
 .toggle, .toggle.less { background-position:right 26px top 8px;}
 .FooterText .FooterText { width:20%;}
 .row-centered { text-align:center;}
 .col-centered { display:inline-block; float:none; text-align:left; vertical-align:top;}
 .btnBlue-gradient.bluebig { padding:13px 95px;}
}
/* @media */
/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) { .user-name { padding:6px 4px; float:right; font-size:14px; display:inline-block; text-decoration:none!important;}
 .user-name span.clsUser { width:125px;}
 .topNav ul li { width:38%;}
 .topNav ul li.first { width:31%;}
 .topNav ul li.third { width:23%;}
 .topNav ul li a { padding:21px 8px;}
 .topBtns { text-align:right; padding:0 7px 0 15px;}
 .topBtns input, .topBtns button, .topBtns a.btn { padding-left:10px; padding-right:10px;}
 .topNav { padding-left:0px; padding-right:0px;}
 .topBtns { padding-left:0px; padding-right:0px;}
 .topNav.col-md-6 { width:42.7%; margin-left:-14px;}
 .topNav ul { list-style-type:none; width:100%;}
 .topNav { float:left; border-top:0px solid #cfcfcf; padding:0; width:inherit;}
 .closeSubBox { margin:10px 10px 0;}
 .closeSubBox-nomargin { margin:0px 0px 0;}
 .FooterText .FooterText { width:20%;}
 .btnBlue-gradient.bluebig { margin-top: 20px;}
}
/* @media */
/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) { .user-name { width:auto;}
 .user-name span.clsUser { width:132px;}
}
/* @media */
@media (max-width:700px) and (orientation:landscape) { .video-container { padding-bottom:35%;}
 .modal .embed-responsive.embed-responsive-16by9 { padding-bottom:35%;}
}
/* @media */
/* Fixing Media Queries */
@media (min-width:200px) and (max-width:479px) { .logoBoxNav.col-xs-5 { width:100%;}
 .topBtns.col-xs-7 { width:100%;}
 .topNav.col-md-6 { width:100%; margin-left:0px;}
 .topBtns input, .topBtns button, .topBtns a.btn { margin-top:0px;}
 .topBtns { min-height:47px;}
}
@media (min-width:768px) and (max-width:900px) 
{
 .btnBlue-insite { padding: 4px 10px; margin-top: 3px; } 
 .topNav { height:auto !important;}
 .topNav ul li a { padding:15px 9px; font-size:16px;}
 .topNav.col-md-6 { padding-right:0; width:42%;}
 .topNav ul { width:100%;}
 .topBtns.col-sm-4 { width:32.333% }
 .user-name { /*padding:6px 2px; */
 width:196px;}
 .user-name span.clsUser { width:178px;}
}
@media (min-width:901px) and (max-width:1023px) { .topNav ul { width:100%;}
 .btnBlue-insite { padding: 4px 10px; margin-top: 3px; }
 .topNav ul li a { font-size:16px;}
 .topNav.col-md-6 { width:47%; padding-left:0px;}
 .topBtns.col-sm-4 { width:27.333%;}
 .user-name { padding:6px 2px;}
}
@media (min-width:910px) { .topNav ul li a { padding:21px 8px;}
}
@media (min-width:1024px) { .user-name { margin-top:14px;}
 .topBtns a.btnBlue-insite { margin-top: 12px; }

}