* { margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { font: 62.5%/1.5 Arial, Verdana, sans-serif; color: #000; background: #fff; }
:root { overflow-y: scroll; }
h2, h3 { font-weight: bold; }
a { color: #36c; text-decoration: underline; }
a:hover,
a:active,
a:focus { text-decoration: none; }
fieldset,
a img { border: 0; }
table { text-align: left; border-collapse: collapse; border-spacing: 0; }
td,
th { vertical-align: top; text-align: left; }
p, li, dd, dt, label, legend, td, th, caption { font-size: 1.3em; line-height: 1.385; }
legend { white-space: normal; }
select, input, textarea { outline: 0; font: 1.3em/1.385 Arial, sans-serif; }
/* LAYOUT */
#layout {
width: 970px;
margin: 0 auto 15px;
position: relative;
overflow: hidden;
}
#content-container { clear: both; margin: 20px 0 25px; }
#page-home #content-container { margin: 20px 0 35px; }
#content-container { background: url(../images/css/left-col-bottom-serving.gif) no-repeat 0 100%; }
#page-home #content-container { background: 0; }
.no-local-nav #content-container { background: url(../images/css/left-col-top-serving.gif) no-repeat 0 0; }
.no-local-nav #content { background: url(../images/css/left-col-bottom.gif) no-repeat 0 100%; }
#main-content { width: 500px; float: left; padding: 0 0 4px; margin-left: 235px; display: inline; overflow: hidden; }
#edit-page { width: 700px; float: left; padding: 0 0 4px; margin-left: 235px; display: inline; overflow: hidden; }
#page-home #main-content { width: 750px; float: left; margin: 0; padding: 0; }
#secondary-content { width: 200px; float: right; overflow: hidden; }
#page-user-login #content-container,
#page-user-login #content { background: 0; }
#page-user-login #main-content { width: 100%; padding: 22px 0 14px; margin: 0; }
/* HEADER */
#header { height: 147px; overflow: hidden; }
#header #logo { float: left; margin: 14px 0 8px 8px; display: inline; padding: 0; border: 0; }
#logo a,
#logo img { display: block; width: 193px; height: 89px; outline: none; }
#tagline { float: right; font-weight: bold; font-size: 1.5em; line-height: 1.2; margin-top: 76px; }
/* MAIN NAVIGATION */
#navigation { clear: both; float: left; width: 100%; background: #7993ae url(../images/css/nav-bkg.gif) no-repeat 0 0; }
#navigation ul { float: left; width: 964px; list-style: none; }
#navigation li { float: left; display: inline; font-size: 15px; line-height: 1; padding-left: 2px; background: url(../images/css/nav-splitter.gif) no-repeat 0 0; }
#navigation a { float: left; padding: 10px 13px 11px 13px; color: #fff; outline: none; text-decoration: none; }
#navigation li.first-child { background: 0; padding-left: 0; }
#navigation li.active a { color: #ffcf5d; font-weight: bold; }
#navigation a:hover,
#navigation a:active,
#navigation a:focus { text-decoration: underline; }
/* LOCAL NAVIGATION */
#local-navigation { float: left; width: 200px; margin: 0 -200px 0 0; padding-bottom: 90px; min-height: 229px; height: auto !important; height: 229px; }
#local-navigation h2 { font-size: 1.3em; line-height: 1.385; color: #fff; text-transform: uppercase; background: #6885a4 url(../images/css/local-nav-top.gif) no-repeat 0 0; }
#local-navigation h2 a { display: block; padding: 7px 18px 7px 14px; }
#local-navigation h2.active a { background: url(../images/css/local-nav-active.gif) no-repeat 184px 12px; }
#local-navigation h2,
#local-navigation h2 a { color: #fff; }
#local-navigation ul { padding-top: 2px; list-style: none; background: url(../images/css/local-nav-splitter.gif) no-repeat 0 0; }
#local-navigation li a { display: block; padding: 4px 18px 6px 12px; margin: 2px 2px 0; }
#local-navigation li.active a { background: #ebf4fc url(../images/css/local-nav-active.gif) no-repeat 182px 50%; font-weight: bold; }
#local-navigation li a:hover,
#local-navigation li a:active,
#local-navigation li a:focus { background: #ebf4fc url(../images/css/local-nav-active.gif) no-repeat 182px 50%; }
/* SUBNAV */
#local-navigation li ul { padding: 0 2px; background: 0; }
#local-navigation li li { font-size: 1em; background: url(../images/css/subnav-icon.gif) no-repeat 13px 10px; }
#local-navigation li li a { padding: 4px 18px 6px 22px; }
#local-navigation li.active li a { background: 0; font-weight: normal; }
#local-navigation li li.active-over,
#local-navigation li li.over,
#local-navigation li li:hover,
#local-navigation li li.active { background: #ebf4fc url(../images/css/subnav-icon.gif) no-repeat 13px 10px; }
#local-navigation li li.active-over a,
#local-navigation li li.over a,
#local-navigation li li:hover a,
#local-navigation li li.active a { background: url(../images/css/local-nav-active.gif) no-repeat 180px 50% !important; }
/* SUPPLEMENTARY NAV */
#supplementary-nav { position: absolute; top: 16px; right: 1px; }
#supplementary-nav ul { list-style: none; }
#supplementary-nav li { float: left; background: url(../images/css/supplementar-nav-splitter.gif) no-repeat 0 50%; padding-left: 10px; margin-left: 9px; display: inline; }
#supplementary-nav li.first-child { padding-left: 0; background: 0; }
/* HOME BRANDING */
#home-branding { height: 321px; background: url(../images/content/featured-photo.jpg) no-repeat 0 0; position: relative; }
#home-branding p { position: absolute; bottom: 0; left: 0; width: 732px; padding: 16px 0 17px 18px; background: url(../images/css/featured-photo-bkg.png) no-repeat 0 0; font-size: 20px; line-height: 1; color: #fff; }
#home-branding p span { display: block; position: absolute; top: 0; right: 14px; width: 115px; padding: 20px 48px 20px 0; font-size: 13px; font-weight: bold; background: url(../images/css/bc.png) no-repeat 0 0; }
/* LOGIN BOX */
#login-box { width: 200px; background: #bcd url(../images/css/login-top.gif) no-repeat 0 0; border-bottom: 1px solid #c9d7e4; }
#login-box h2 { padding: 13px 17px 0; font-size: 1.5em; line-height: 1; }
#login-box form { padding: 17px; }
#login-box input { border: 1px solid #7f9db9; width: 160px; margin: 2px 0 6px; padding: 2px; }
input#login-submit { float: left; border: 0; margin: 10px 0 0; padding: 0; width: 71px; height: 28px; }
#remember-checbox { float: right; width: 60px; position: relative; padding-left: 20px; margin: 16px -5px 0 0; display: inline; }
#remember-checbox input { border: 0; width: auto; height: auto; margin: 0; position: absolute; left: 0; top: 1px; padding: 0; }
label#remember-checbox { font-size: 1.1em; }
#login-box p { font-size: 1.1em; padding: 0 17px 11px; }
p#invalid-login { font-size: 1.3em; line-height: 1; font-weight: bold; color: #fe0000; padding: 18px 17px 4px; }
#register-teaser { width: 200px; border-top: 1px solid #9ca9b7; background: #aabbcc url(../images/css/register-teaser-bottom.gif) no-repeat 0 100%; padding-bottom: 26px; }
#page-home #register-teaser { margin-bottom: 20px; }
#register-teaser h2 { padding: 12px 17px 6px; font-size: 1.5em; line-height: 1; }
#logout-box p,
#register-teaser p { background: url(../images/css/button-orange-left.gif) no-repeat 0 0; padding-left: 10px; margin: 10px 17px 0; }
#logout-box p a,
#register-teaser p a { float: left; padding: 5px 10px 5px 0; background: url(../images/css/button-orange-right.gif) no-repeat 100% 0; display: block; font-weight: bold; text-transform: uppercase; color: #000; text-decoration: none; outline: none; min-height: 18px; height:auto !important; height: 18px; }
#logout-box p a { padding-right: 15px; padding-left: 5px; }
#logout-box p.over,
#logout-box p:hover,
#register-teaser p.over,
#register-teaser p:hover{ background-image: url(../images/css/button-orange-left-hover.gif); }
#logout-box p.over a,
#logout-box p:hover a,
#register-teaser p.over a,
#register-teaser p:hover a { background-image: url(../images/css/button-orange-right-hover.gif); }
#page-user-login #login-box,
#page-user-login #register-teaser { margin: 0 auto; }
/* LOGOUT BOX */
#logout-box { width: 200px; background: #bcd url(../images/css/logout-bottom.gif) no-repeat 0 100%; padding-bottom: 30px; }
#logout-box h2 { padding: 13px 17px 7px; font-size: 1.5em; line-height: 1; background: #bcd url(../images/css/logout-top.gif) no-repeat 0 0; }
/* ARTICLE ELEMENTS */
#article-container { clear: both; }
#content h1 { color: #000; font-size: 2.3em; line-height: 1; margin: 3px 0 27px; padding-bottom: 6px; border-bottom: 2px solid #bcd; font-weight: normal; }
h2.deal,
#page-member-trades-deals #main-content h2,
#results-status,
#browse-suppliers h2,
#contact-form-container h2,
.default-txt h2 { color: #c52; font-size: 1.5em; line-height: 1.2; font-weight: normal; border-bottom: 1px solid #bcd; padding: 4px 0 7px; margin-bottom: 7px; }
.default-txt h3 { color: #000; font-size: 1.3em; line-height: 1.385; margin-bottom: 18px; }
.default-txt h4,
.default-txt h5,
.default-txt h6 { color: #000; font-size: 1.3em; line-height: 1.385; font-weight: normal; margin-bottom: 18px; }
.default-txt p,
.default-txt ul,
.default-txt dl,
.default-txt ol { margin-bottom: 18px; margin-right: 10px; }
.default-txt p,
.default-txt li,
.default-txt dt,
.default-txt dd { /*font-size: 1.3em; line-height: 1.385;*/}
.default-txt dt { font-weight: bold; }
#browse-suppliers ul,
.default-txt ul { list-style: none; }
.default-txt p.has-arrow,
#browse-suppliers li,
.default-txt ul li { padding: 0 0 0 15px; background: url(../images/css/li-dot.gif) no-repeat 3px 6px; }
.default-txt ol { margin-left: 20px; }
.default-txt td p,
.default-txt td li,
.default-txt td dt,
.default-txt td dd,
.default-txt li p,
.default-txt li li,
.default-txt li dt,
.default-txt li dd { font-size: 1em; }
.default-txt li ul,
.default-txt li ol { margin-top: 1em; }
.default-txt ul ol li { background: 0; padding-left: 0; }
.default-txt table { width: 100%; margin: 0 auto 18px; border-collapse: separate; }
.default-txt table caption { padding: 0 10px 10px; font-weight: normal; text-align: center; font-size: 1.5em; line-height: 1; }
.default-txt thead th { color: #c52; font-weight: normal; font-size: 1.5em; line-height: 1; border-bottom: 1px solid #bcd; padding: 2px 0 9px; }
.default-txt tbody th,
.default-txt tbody td { padding: 7px 0 9px; background: #f3f1eb; font-weight: normal; border-bottom: 1px solid #e2ddd0; border-top: 1px solid #fff; }
.default-txt tbody th { padding-left: 10px; }
.default-txt blockquote { font-style: italic; }
.default-txt .object-left { float: left; margin: 4px 20px 18px 0; clear: left; }
.default-txt .object-right { float: right; margin: 4px 0 18px 20px; clear: right; }
/* HOME NEWS */
#featured-news { padding: 34px 10px 12px 18px; }
#featured-news h2 { font-size: 1.3em; line-height: 1.385; margin: 0; padding: 0 0 3px; border: 0; color: #000; font-weight: bold; }
#latest-news { padding-bottom: 5px; min-height: 150px; height: auto !important; height: 150px; background: #d5eaff url(../images/css/latest-news-bottom.gif) no-repeat 0 100%; clear: both; }
#latest-news h2 { padding: 16px 17px 7px; font-size: 1.3em; line-height: 1; background: url(../images/css/latest-news-top.gif) no-repeat 0 0; }
#latest-news ul { list-style: none; padding: 0 17px 24px; }
#latest-news li { font-size: 1.2em; line-height: 1.5; background: url(../images/css/arrow-black.gif) no-repeat 0 7px; padding-left: 10px; }
#latest-news a {}
/* BROCHURES */
#brochures-listing { float: left; width: 100%; list-style: none; margin-top: -3px; }
#brochures-listing li { float: left; width: 100%; font-size: 1em; margin-bottom: 25px; }
#brochures-listing dl {}
#brochures-listing dt,
#brochures-listing dd { float: right; width: 365px; }
#brochures-listing dt { font-size: 1.5em; line-height: 1.2; color: #c52; margin: 1px 0 15px; }
#brochures-listing dd {}
#brochures-listing .photo { float: left; width: 120px; }
#brochures-listing .no-photo dt,
#brochures-listing .no-photo dd { float: none; width: auto; }
/* STAFF */
#member-listing { margin-top: -3px; }
#member-listing .member { margin-bottom: 16px; }
#member-listing h2 { position: relative; float: right; width: 324px; margin: 1px 0 15px; padding: 0 20px 19px 0; font-size: 1.5em; line-height: 1.2; color: #c52; font-weight: normal; }
#member-listing span { color: #000; font-size: 0.867em; line-height: 1.385; position: absolute; bottom: 0; left: 0; }
/* JOIN NOW */
#member-type-container { float: left; width: 100%; }
#member-type-container .pseudo-row { float: left; width: 100%; background: url(../images/css/member-type-bottom.gif) no-repeat 0 100%; margin-bottom: 27px; padding-bottom: 3px; }
#member-type-container .member-type { float: right; width: 201px; padding: 0 17px; background: url(../images/css/member-type-top.gif) no-repeat 0 0; }
#member-type-container .first-in-row { float: left; clear: both; }
#member-type-container .single { background-position: -265px 100%; }
#member-type-container .single .member-type { background-position: 265px 0; }
#member-type-container .single .first-in-row { background-position: 0 0; }
#member-type-container h2 { font-size: 1.5em; font-weight: normal; padding: 10px 0 15px; line-height: 1.2em; color: #c52; }
#member-type-container p { margin-bottom: 18px; }
#member-type-container a { font-weight: bold; }
/* EVENT REGISTER TEASER */
#event-register-teaser { float: left; width: 100%; padding: 10px 0 20px; }
#event-register-teaser .action { float: right; width: 235px; background: url(../images/css/member-type-bottom.gif) no-repeat 0 100%; min-height: 5.8em; height: auto !important; height: 5.8em; }
#event-register-teaser .first-child { float: left; }
#event-register-teaser p { text-align: center; line-height: 1.2em; background: url(../images/css/member-type-top.gif) no-repeat 0 0; padding: 10px 16px 6px; margin-bottom: 3px; }
#event-register-teaser a { font-weight: bold; display: block; padding-bottom: 7px; }
/* SEMINARS LISTING */
#events-listing,
#seminars-listing { border-collapse: separate; }
#events-listing thead th,
#seminars-listing thead th { color: #c52; font-weight: normal; font-size: 1.5em; line-height: 1; border-bottom: 1px solid #bcd; padding: 2px 0 9px; }
#events-listing tbody th,
#events-listing tbody td,
#seminars-listing tbody th,
#seminars-listing tbody td { padding: 7px 0 9px; background: #f3f1eb; font-weight: normal; border-bottom: 1px solid #e2ddd0; border-top: 1px solid #fff; }
#events-listing thead .date,
#seminars-listing thead .date { width: 150px; }
#events-listing thead .price,
#seminars-listing thead .price { width: 42px; }
#events-listing tbody .date,
#seminars-listing tbody .date { padding-left: 6px; }
/* MAGAZINES LISTING */
#magazine-listing { clear: both; float: left; width: 100%; border-top: 1px solid #bcd; margin: 25px 0 20px; }
#magazine-listing .magazine { float: left; width: 100%; border-bottom: 1px solid #bcd; padding: 10px 0 6px; }
#magazine-listing h2,
#magazine-listing p { float: right; width: 385px; }
#magazine-listing h2 { font-size: 1.5em; line-height: 1.2; color: #c52; font-weight: normal; }
#magazine-listing .photo { float: left; width: 95px; }
#magazine-listing .no-photo dt,
#magazine-listing .no-photo dd { float: none; width: auto; }
#magazine-listing .download { margin-top: 18px; }
#alerts { font-size:0.9em; font-weight: normal; }
/* BLOG POSTS */
#blog { clear: both; float: none; font-size:1.1em; width:100%;}
#blog p { margin-top:10px; margin-left:4px;}
#blog .nospace {margin-top:0px; margin-left:0px;}
#blog h2 { line-height: 1.2; color: #c52; font-weight: normal; margin-top:10px;}
#blog h3 { font-size:1.0em; font-weight: normal; }
#blog hr {width:100%; border: 1px solid #bcd; margin-top:8px;}
#blog .comments {margin-left:8px; font-size:1.1em;}
/* ASSOCIATE OFFERS LISTING */
#offers { clear: both; float: none; margin-left:5px; margin-top:20px;}
#offers td {padding:4px 4px 10px 4px; vertical-align:middle;}
#offers img {padding-right:8px;}
#offers h2,
#offers p { margin-top:7px; font-size:1.0em;}
#offers h2 { font-size:1.1em; line-height: 1.2; color: #c52; font-weight: normal; }
/* BANNERS*/
#banners-container { background: url(../images/css/banner-bkg.gif) no-repeat 0 0; padding-top: 1px; height: 95px; margin-bottom: 25px; overflow: hidden; }
#banners-container img { display: block; margin: 0 auto; }
#footer { background: url(../images/css/footer-bottom.gif) no-repeat 0 100%; padding-bottom: 8px; }
/* LEGAL */
#legal { float: left; width: 617px; padding: 8px 0 0 9px; background: url(../images/css/footer-top.gif) no-repeat 0 0; }
#legal ul { margin-left: 3px; }
#legal li,
#legal p { font-size: 1.1em; line-height: 1.46; }
#legal * { color: #8e8e8e; display: inline; }
#legal a { text-decoration: none; background: url(../images/css/legal-splitter.gif) no-repeat 0 3px; padding: 0 3px 0 8px; }
#legal a:hover,
#legal a:active,
#legal a:focus { text-decoration: underline; }
/* ADDITIONAL NAV */
#additional-nav { float: right; width: 333px; padding: 8px 11px 0 0; background: url(../images/css/footer-top.gif) no-repeat 100% 0; }
#additional-nav ul { float: right; list-style: none; }
#additional-nav li { float: left; padding-left: 10px; margin-left: 9px; display: inline; background: url(../images/css/additional-nav-splitter.gif) no-repeat 0 2px; font-size: 1.3em; line-height: 1; }
#additional-nav li.first-child { background: 0; }
/* CONTACT DATA */
.contact-data { position: relative; padding-bottom: 18px; }
#map { position: absolute; top: 40px; right: 0; }
/* FORMS */
#password-form-container,
#contact-form-container { position: relative; }
#event-form-container,
#password-form-container,
#contact-form-container { margin-bottom: 20px; }
#event-form-container { margin-bottom: 25px; }
/*For pop up divs- Industry Alerts/FAQ pages*/
.cur-pointer {cursor:pointer;}
.basic-form { clear: both; padding: 30px 0 0 10px; width: 465px; }
.basic-form .field { float: left; width: 100%; margin: 0 0 12px; position: relative; }
.basic-form .field label { float: left; width: 107px; padding: 2px 10px 0 0; color: #4c4c4c; }
.basic-form .field label span { color: #f00; position: absolute; top: 0; left: -10px; }
.basic-form .field input,
.basic-form .field textarea { border: 1px solid #7f9db9; padding: 2px 3px; }
.basic-form .field input { float: left; width: 241px; }
.basic-form .field textarea { width: 456px; height: 108px; clear: both; display: block; float: left; margin-top: 5px; }
.basic-form .field select { float: left; width: 249px; }
.basic-form .action-buttons { clear: both; text-align: right; padding-top: 14px; }
.basic-form .action-buttons input { padding-left: 6px; padding-right: 6px; }
#event-form .field label { width: 133px; }
#event-form .field input { width: 198px; }
#event-form .field select { width: 206px; }
#event-form .field textarea { }
#event-form .action-buttons { padding-top: 35px; }
#event-form .action-buttons input { padding: 0; }
#user-password-form .field label { width: 153px; }
#user-password-form .field input { width: 198px; }
#user-password-form .field select { width: 206px; }
#user-password-form { width: 369px; }
#required-fields { color: #4c4c4c; position: absolute; bottom: 0; left: 0; }
#required-fields span { color: #f00; padding-right: 1px; }
/* REGISTER EVENT */
#payment-info { float: left; width: 255px; margin: -66px 0 0 10px; display: inline; }
#payment-info p { font-weight: bold; font-size: 1.1em; line-height: 1.64; }
#supported-cards { float: left; clear: both; padding-top: 10px; }
#supported-cards ul { float: left; clear: both; list-style: none; }
#supported-cards li { float: left; margin-right: 8px; }
/* PAGE OWNERS AND MANAGERS */
#join-now-link { padding: 22px 0 20px; text-align: center; }
#join-now-link p { display: inline-block; margin: 0 auto; padding: 0 0 0 10px; background: url(../images/css/button-orange-left.gif) no-repeat 0 0; }
#join-now-link a { display: inline-block; padding: 5px 10px 5px 0; white-space: nowrap; background: url(../images/css/button-orange-right.gif) no-repeat 100% 0; font-weight: bold; text-transform: uppercase; color: #000; text-decoration: none; min-height: 18px; height: auto !important; height: 18px; }
#join-now-link p.over,
#join-now-link p:hover { background-image: url(../images/css/button-orange-left-hover-dark.gif); }
#join-now-link p.over a,
#join-now-link p:hover a { background-image: url(../images/css/button-orange-right-hover-dark.gif); }
/* SEARCH SUPPLIERS */
#search-suppliers-form { float: left; width: 100%; padding-bottom: 4px; margin-bottom: 26px; background: url(../images/css/search-suppliers-bottom.gif) no-repeat 0 100%; }
#search-suppliers-form form { float: left; width: 100%; padding: 27px 20px 24px 17px; background: url(../images/css/search-suppliers-top.gif) no-repeat 0 0; }
#search-suppliers-form label { float: left; font-size: 1.5em; line-height: 1; font-weight: bold; color: #c52; padding: 5px 20px 0 0; }
#search-suppliers { border: 1px solid #7f9db9; font-size: 1.2em; line-height: 1.25; padding: 4px 3px; width: 186px; float: left; margin: 0 20px 0 0; }
#search-suppliers-form .input-submit { font-size: 1.5em; padding-left: 20px; padding-right: 20px; float: left; }
#browse-suppliers { clear: both; margin-bottom: 20px; }
#browse-suppliers table {
color:#000000;
font-size:0.7em;
}
#browse-suppliers .titletab {font-size:1.2em;}
/* SUPPLIERS LISTING */
#suppliers-listing { float: left; width: 100%; padding-bottom: 20px; }
#supplier,
#suppliers-listing .supplier { clear: both; float: left; width: 100%; border-bottom: 1px solid #bcd; padding: 0 0 30px; margin-top: 27px; }
#supplier { padding-bottom: 25px; margin-bottom: 25px; margin-top: 13px; }
#suppliers-listing .first-child { margin-top: 13px; }
#supplier h3,
#supplier p,
#suppliers-listing .supplier h2,
#suppliers-listing .supplier p { float: left; width: 300px; }
#supplier h3,
#suppliers-listing .supplier h2 { font-size: 1.3em; line-height: 1.385; }
#supplier p,
#suppliers-listing .supplier p { clear: left; }
#supplier .logo,
#suppliers-listing .logo { float: right; margin: 13px 22px 0 0; display: inline; }
#supplier .logo img,
#suppliers-listing .logo img { display: block; width: 134px; height: 72px; }
#suppliers-listing .supplier .deals { float: none; clear: both; width: 10em; display: block; padding: 0 0 0 10px; margin: 0 auto 14px; position: relative; top: 19px; background: url(../images/css/button-silver-left.gif) no-repeat 0 0; }
#suppliers-listing .supplier .deals a { display: block; padding: 6px 10px 8px 0; white-space: nowrap; background: url(../images/css/button-silver-right.gif) no-repeat 100% 0; font-weight: bold; text-align: center; }
/* FAQs*/
#questions-container { float: left; width: 100%; }
#questions-container .pseudo-row { float: left; width: 100%; background: url(../images/css/faqs-bottom.gif) no-repeat 0 100%; margin-bottom: 27px; padding-bottom: 3px; }
#questions-container .question-group { float: right; width: 201px; padding: 0 17px 12px; background: url(../images/css/faqs-top.gif) no-repeat 0 0; }
#questions-container .first-in-row { float: left; }
#questions-container h2 { color: #c52; font-size: 1.5em; line-height: 1.2; font-weight: normal; padding: 10px 0 15px; }
#questions-container ul { list-style: none; }
#questions-container ul li { padding: 0 0 0 12px; background: url(../images/css/li-dot.gif) no-repeat 0px 6px; }
#questions-container ul li.active { font-weight: bold; }
#questions-container ul li.active a { text-decoration: none; color: #000; }
#questions-container .single { background-position: -265px 100%; }
#questions-container .single .question-group { background-position: 265px 0; }
#questions-container .single .first-in-row { background-position: 0 0; }
#faq-details { clear: both; padding-top: 40px; }
/* WEB DEV */
#web-development { font-size: 1.1em; line-height: 1.46; clear: both; padding: 8px 0 10px 3px; }
#web-development,
#web-development a { color: #8e8e8e; text-decoration: none; }
#web-development a:hover,
#web-development a:active,
#web-development a:focus { text-decoration: underline; }
#functionality-info { background: #f3f1eb; font-weight: bold; text-align: center; padding: 200px 0; clear: both; }
/* ERROR MESSAGE */
#error { margin: 18px 0 0; }
#error h2 { font-size: 1.3em; border: 0; padding: 0; margin: 0 0 19px; }
#error h2,
#error li { font-family: Arial, sans-serif; color: #f00; font-weight: bold; }
#error ul { list-style: none; }
#error li { padding: 0 0 1px 12px; background: url(../images/css/arrow-red.gif) no-repeat 1px 6px; color: #f00; }
/* MISC */
#supported-cards p,
#additional-nav p,
.skip-links,
#supplementary-nav h2,
#navigation h2 { position: absolute; top: -9999px; left: -9999px; }
#footer:after,
.article-intro:after,
#logout-box p:after,
#register-teaser p:after,
#header:after,
#layout:after,
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; }
#admin-pages { position: absolute; top: 5px; right: 5px; width: 100px; padding: 10px; background: #eee; }
#admin-pages ul { list-style: none; }
#admin-pages li { padding: 5px 0; text-transform: uppercase; font-size: 1em; line-height: 1; border-top: 1px solid #eee; }
#admin-pages li:first-child { border-top: 0; }
#admin-pages li.active a { color: #f00; }
/*DRAG N DROP */
.drag {background-color:#FFFFFF;border: dashed 1px black;}