/* Basic HTML Element Default Styles */
* { margin: 0; padding: 0; }
html, body { height: 100%; background-color: #ddd; }
body { font: 1em/1.5em tahoma, helvetica, sans-serif; color: #222; }
input, textarea, select { font-family: tahoma, helvetica, sans-serif; outline: 0; }

a { text-decoration: none; outline: 0; }
h1, h2, h3, h4, h5, h6 { }
h1 { font-size: 1.7em; font-weight: bolder; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1em; }
h6 { font-size: 0.9em; }
img { border: 0; outline: 0; }
input { outline: 0; }
ul, li { list-style: none; line-height: 1.5em; }
p { line-height: 1.5em; }
span { display: block; }
td, th { vertical-align: top; text-align: left; }

select { font-size: 1em; }

/* Main Class/ID Default Styles */
#mainWrapper { margin: 0 auto; width: 995px; }

#logoMenuWrapper { position: relative; width: 995px; }
#logoMenuWrapper, #menuBgWrapper { height: 136px; }

/* Logo Bar Styles */
#logoWrapper { position: absolute; background-color: #fff; top: 22px; left: 34px; }

#logoWrapper a { position: relative; display: block; background: url(../img/bunzl-vending-logo.gif) left top no-repeat; height: 96px; width: 138px; }
#logoWrapper a { font-family: tahoma, helvetica, sans-serif; font-size: 0.7em; text-indent: -10000px; }

/* Tab Menu Styles */
#tabMenuWrapper { position: absolute; left: 215px; bottom: 0; height: 23px; line-height: normal; z-index: 1; }

#tabMenuWrapper ul, #tabMenuWrapper li { display: inline; }
.logout { position: absolute; left: auto; right: 16px; }

#tabMenuWrapper .list li { display: none; }

#tabMenuWrapper li { display: block; margin: 0 3px 0 0; padding: 0 0 0 5px; float: left; background: url("../img/tabs/left-both.gif") no-repeat left top; font-size: 0.7em; line-height: 20px; }
#tabMenuWrapper a { outline: 0; padding: 2px 20px 1px 16px; float: left; display: block; width: auto; background: url("../img/tabs/right-both.gif") no-repeat right top; text-decoration: none; color: #00254e; white-space: nowrap; font-weight: bold; }
#tabMenuWrapper > li a { width: auto; outline: 0; }

#tabMenuWrapper a:hover { color: #429c29; }
#tabMenuWrapper li.selected a { color: #429c29; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabMenuWrapper a { float: none; }

/* End IE5-Mac hack */


/* Finder & Content Styles */
#finderContentWrapper { overflow: hidden; background: #00254e; width: 995px; }
#finderWrapper, #contentWrapper { float: left; margin-bottom: -1000px; padding-bottom: 1000px; }
#finderWrapper { width: 199px; border-right: 1px solid #fff; background: #eee; font-size: 0.7em; text-align: center; }

#finderWrapper img { margin: auto; }
#finderWrapper select { margin-bottom: 15px; }

.finder { width: 168px; margin: 15px auto 25px auto; text-align: left; }
.finder-top .left,
.finder-top .right,
.finder-bottom .left,
.finder-bottom .right { background: url(../img/corners/bg-finder.gif) 0 0 no-repeat; height: 9px; width: 84px; }
.finder-top .left { background-position: 0 0; float: left; }
.finder-top .right { background-position: right 0; float: right; }
.finder-bottom .left { background-position: 0 bottom; float: left; }
.finder-bottom .right { background-position: right bottom; float: right; } 

.finder-content { text-align: center; background-color: #fff; }
.finder-inner { padding: 0; width: 142px; text-align: left; margin: auto; border: 1px dotted #fff; }
.finder-inner h3 { margin-bottom: 0.5em; color: #00254e; font-style: italic; text-align: left; }
.finder-inner p { line-height: 1.3em; text-align: left; }
.finder-inner p,
.finder-inner div,
.finder-inner img,
.finder-inner select { margin-left: auto; margin-right: auto; width: 143px; }


/* Content Styles */
#contentWrapper { float: right; width: 745px; border: 25px solid #00254e; background: #00254e; color: #fff; }
#contentWrapper .content { position: relative; width: 100%; padding-top: 1em; font-size: 0.8em; }
#contentWrapper .content h1, #contentWrapper .content h2 { margin: 0 0 0.8em 0; font-weight: bold; font-style: italic; line-height: 1.4em; color: #fff; }
#contentWrapper .content p { margin-bottom: 1em; }
#contentWrapper .content a { color: #fff; text-decoration: underline; }
#contentWrapper .content a:hover { color: #429c29; }

#contentWrapper .content ul { margin-left: 8px; padding-left: 9px; }
#contentWrapper .content li { list-style: disc; padding: 0 0 1em 0; }

#contentWrapper .content p.no-line-gaps,
#contentWrapper .content ul.no-line-gaps li { margin: 0; padding: 0; }

#contentWrapper .content #newsContentWrapper h1 { margin-bottom: 0; }
#contentWrapper .content #newsContentWrapper .date { margin: 0 0 1.5em 0; padding: 0; font-weight: bold; }

#contentWrapper .content #productFinderBG { position: absolute; top: 0; right: 0; background: url(../img/product-finder/bg.gif) right top no-repeat; width: 250px; height: 250px; }
#contentWrapper .content #productFinder { position: relative; min-height: 250px; height: auto !important; height: 250px; }
#contentWrapper .content #productFinder .question { clear: both; width: auto; min-height: 100px; margin: 0 auto 15px 0; }
#contentWrapper .content #productFinder .question-answer-img { float: left; }
#contentWrapper .content #productFinder .question-txt { float: left; padding-left: 7px; }
#contentWrapper .content #productFinder p { margin: 0; padding: 0 0 0.2em 0; line-height: 1.3em; font-weight: bold; }
#contentWrapper .content #productFinder p .desc { margin: 0; padding: 0; display: block; font-weight: normal; font-size: 0.85em; height: 1.3em; }
#contentWrapper .content #productFinder ul { margin: 0 0 0 1em; }
#contentWrapper .content #productFinder ul.final-answer { margin-top: 0.8em; }
#contentWrapper .content #productFinder li { margin: 0; padding: 0; list-style: line; line-height: 1.3em; }
#contentWrapper .content #productFinder li a { padding-left: 0; }
#contentWrapper .content #productFinder li a.choose { padding-left: 10px; }
#contentWrapper .content #productFinder li.selected { color: #429c29; font-weight: bold; }
#contentWrapper .content #productFinder li.selected a { color: #fff; font-weight: normal; }
#contentWrapper .content #productFinder li strong { color: #429c29; }

/* Question Answer Layout - START */
#contentWrapper .content #productFinder .q0 { margin-left: 0; }
#contentWrapper .content #productFinder .q0 .question-txt { width: 380px; }

#contentWrapper .content #productFinder .q1 { margin-left: 20px; }
#contentWrapper .content #productFinder .q1 .question-txt { width: 520px; }

#contentWrapper .content #productFinder .q2 { margin-left: 40px; }
#contentWrapper .content #productFinder .q2 .question-txt { width: 600px; }

#contentWrapper .content #productFinder .q3 { margin-left: 60px; }
#contentWrapper .content #productFinder .q3 .question-txt { width: 580px; }

#contentWrapper .content #productFinder .q4 { margin-left: 80px; }
#contentWrapper .content #productFinder .q4 .question-txt { width: 560px; }

#contentWrapper .content #productFinder .q5 { margin-left: 100px; }
#contentWrapper .content #productFinder .q5 .question-txt { width: 540px; }

#contentWrapper .content #productFinder .q6 { margin-left: 120px; }
#contentWrapper .content #productFinder .q6 .question-txt { width: 520px; }

#contentWrapper .content #productFinder .q7 { margin-left: 140px; }
#contentWrapper .content #productFinder .q7 .question-txt { width: 500px; }
/* Question Answer Layout - END */

#contentWrapper .content #productFinder .cat-product-detail-panel { margin-bottom: 5px; padding: 10px; width: 350px; height: 205px; float: left; }
#contentWrapper .content #productFinder .cat-panel { min-height: 100px; }
#contentWrapper .content #productFinder .product-panel { width: 720px; }
#contentWrapper .content #productFinder .product-full-detail { min-height: 205px; height: auto; }
#contentWrapper .content #productFinder .cat-product-detail-panel a { text-decoration: underline; }
#contentWrapper .content #productFinder .cat-product-detail-panel h3 { padding-bottom: 0; margin-bottom: 0.3em; }
#contentWrapper .content #productFinder .cat-product-detail-panel ul { margin-top: 0.8em; }
#contentWrapper .content #productFinder .cat-product-detail-panel .product-img-wrapper { float: left; }
#contentWrapper .content #productFinder .cat-product-detail-panel .panel-img-wrapper { position: relative; margin-right: 0px; margin-bottom: 5px; width: 120px; min-height: 174px; background: #fff; }
#contentWrapper .content #productFinder .cat-product-detail-panel .panel-img { border: 10px solid #fff; width: auto; text-align: center; margin: auto; }
#contentWrapper .content #productFinder .cat-product-detail-panel .panel-img img { max-width: 100px; }
#contentWrapper .content #productFinder .cat-product-detail-panel .detail-txt { width: 220px; float: right; position: relative; background-color: #00254e; }
#contentWrapper .content #productFinder .cat-product-detail-panel .full-detail-txt { width: 590px; float: right; position: relative; }
#contentWrapper .content #productFinder .cat-product-detail-panel .extra-detail-txt { clear: both; position: relative; font-weight: normal; }
#contentWrapper .content #productFinder .cat-product-detail-panel .extra-detail-txt p { font-weight: normal; }

#contentWrapper .content #contactForm ul,
#contentWrapper .content #contactForm li { margin: 0; padding: 0; list-style: none; }
#contentWrapper .content #contactForm ul { margin-bottom: 5px; }
#contentWrapper .content .contact-details-table {  }
#contentWrapper .content .contact-details-table th { text-align: right; padding-right: 5px; line-height: 1.8em; }
#contentWrapper .content .contact-details-table th,
#contentWrapper .content .contact-details-table th label { white-space: nowrap; }
#contentWrapper .content .contact-details-table td { }
#contentWrapper .content .contact-details-table input[type=text] { width: 230px; margin: 1px 0 0 0; padding: 0 1px; line-height: 1.3em; }
#contentWrapper .content .contact-details-table textarea { margin: 1px 0 0 0; padding: 1px 2px; width: 230px; height: 80px; }
#contentWrapper .content .contact-details-table ul { margin: 0 0 5px 0; padding: 0; }
#contentWrapper .content .contact-details-table li { list-style: none; margin: 0; padding: 0; line-height: 1.3em; }
#contentWrapper .content .contact-details-table input.btn { width: auto; padding: 0 8px; }
#contentWrapper .content .contact-details-table .req { display: inline; color: red; }

#contentWrapper .content .radio-table,
#contentWrapper .content .radio-table td,
#contentWrapper .content .radio-table input { margin: 0; padding: 0; text-align: left; width: auto; }
#contentWrapper .content .radio-table { margin-bottom: 5px; }
#contentWrapper .content .radio-table td { line-height: 1.3em; }

#contentWrapper .branch-detail ul { margin: 0; padding: 0; }
#contentWrapper .branch-detail li { list-style: none; margin: 0; padding: 0; }
#contentWrapper .branch-detail .address .title { font-weight: bold; }
#contentWrapper .branch-detail .address-email { margin: 15px 0; }
#contentWrapper .branch-detail .address-email a { margin-left: 5px; text-decoration: none; }
#contentWrapper .branch-detail a { font-weight: bold; }

#contentWrapper .floating-panel { position: relative; margin: 0 0 0 1em; width: 240px; min-height: 50px; height: auto !important; height: 50px; background: #fff; color: #333; }
#contentWrapper .panel-content { display: block; font-size: 0.85em; margin: 0 auto; padding: 8px 0; width: 216px; color: #333; }

#finderWrapper .finder-inner a, #contentWrapper .panel-content a { color: #00254e; }
#finderWrapper .finder-inner a:hover, #contentWrapper .panel-content a:hover { color: #429c29; }
#finderWrapper .finder-inner h4, #contentWrapper .panel-content h4 { margin: 0.5em 0 0.8em 0; font-style: italic; color: #00254e; line-height: 1.3em; text-align: left; }
#finderWrapper .finder-inner h5, #contentWrapper .panel-content h5 { line-height: 1.3em; }
#finderWrapper .finder-inner p { margin: 0; padding-bottom: 1em; }
#contentWrapper .panel-content img { display: block; margin-left: auto; margin-right: auto; }
#contentWrapper .panel-content img.img-top { margin-top: 3px; }
#contentWrapper .panel-content img.img-bottom { margin-bottom: 4px; }

#contentWrapper .panel-content h4.no-img { margin: 0 0 0.4em 0; } 
#contentWrapper .panel-content li { line-height: 1.3em; padding-bottom: 0.8em; }
#contentWrapper .panel-content p { margin: 0 0 1em 0; }
#contentWrapper .panel-content p { margin: 0 0 1em 0; }
#contentWrapper .panel-content a { text-decoration: none; }
#contentWrapper .panel-content a:hover { text-decoration: underline; }
#contentWrapper .panel-content table.dual-column { width: 210px; }
#contentWrapper .panel-content table.dual-column td { width: auto; vertical-align: top; }
#contentWrapper .panel-content table.dual-column td.col1 { width: 120px; }
#contentWrapper .panel-content table.dual-column td ul { margin: 0; padding: 0; }
#contentWrapper .panel-content table.dual-column td li { list-style: none; padding: 0; }

#contentWrapper .panel-content #newsListWrapper table { margin-bottom: 0.7em; }
#contentWrapper .panel-content #newsListWrapper th { width: 2.5em; font-weight: normal; }
#contentWrapper .panel-content #newsListWrapper th,
#contentWrapper .panel-content #newsListWrapper td { line-height: 1.4em; }
#contentWrapper .panel-content #newsListWrapper td a { padding-left: 3px; text-decoration: none; color: #222; }
#contentWrapper .panel-content #newsListWrapper td a:hover { text-decoration: underline; }
#contentWrapper .panel-content #newsListWrapper td a.selected { color: #429c29; }

#contentWrapper .contact-img-panel { width: 386px; min-height: 50px; background: #fff; color: #333; }
#contentWrapper .contact-img-panel .panel-content { font-size: 0.85em; margin: 0 auto; padding: 0.8em 0; width: 321px; color: #333; border-bottom: 0; }

#contentWrapper .supplier-links { text-align: center; }
#contentWrapper .supplier-links a { margin: auto; height: 50px; }
#contentWrapper .supplier-links img { display: inline; margin: 2px 0; }


/* Content Inner Columns & News Styles */
#contentWrapper .content { display: -moz-inline-block; display: inline-block; }
#contentWrapper .content #columnWrapper { overflow: hidden; background: #00254e; }
#contentWrapper .content .column { float: left; position: relative; margin-bottom: -2000px; padding-bottom: 2000px; }
#contentWrapper .content .body-with-panel { width: 490px; }
#contentWrapper .content .contact-body { width: 320px; -width: 345px; margin-right: 25px; -margin-right: 0px; }
#contentWrapper .content .body-full { width: 725px; }
#columnWrapper .floating-panel { float: none; margin-bottom: 0; }

#contentWrapper .content #newsContentWrapper h1 { margin-bottom: 0; }
#contentWrapper .content #newsContentWrapper .date { margin: 0 0 1.5em 0; padding: 0; font-weight: bold; }
#contentWrapper .content #newsContentWrapper .middle { vertical-align: middle; line-height: 1.5em; }


/** CMS Styles Start **/

/* Image right, text left */
.paragraph1 { clear: both; }
.paragraph1 img { float: right; margin: 0 0 0 6px; }

/* Image left, text right */
.paragraph2 { clear: both; }
.paragraph2 img { float: left; margin: 0 7px 0 0; }

/* Image left, text right */
.paragraph3 { clear: both; }
.paragraph3 img { display: none; }

/* Image top, text below */
.paragraph4 { clear: both; }
.paragraph4 img { display: block; margin: 10px 0; }

/* Image centre, text below */
.paragraph5 { clear: both; }
.paragraph5 img { display: block; margin: 10px auto; }

/** CMS Styles End **/


/* Submenu Styles */
#submenuDivide { position: absolute; top: 135px; left: 200px; width: 60px; }
#submenuDivide, #submenuDivide div { height: 5px; background: transparent url(../img/corners/bg-submenu-divide.gif) left 0 no-repeat; }
#submenuDivide div { float: right; padding-left: 10px; width: 15px; background-position: right 0; }

#submenu { position: absolute; top: 140px; left: 205px; font-size: 0.7em; text-align: left; } 
#submenuInner { position: relative; float: left; background-color: #fff; }

.submenu-content { padding: 6px 12px 5px 12px; color: #00254e; }
.submenu-content ul { text-align: center; }
.submenu-content li { display: inline; padding: 0 8px; white-space: nowrap; }
.submenu-content li.selected a { color: #429c29; }
.submenu-content a { color: #00254e; }
.submenu-content a:hover { color: #429c29; text-decoration: underline; }

/* Footer Styles */
#footerWrapper { width: 995px; font-size: 0.7em; color: #00254e; }
#footerWrapper li { display: block; line-height: 1.4em; }

#footerLeft, #footerRight { padding: 10px; background-color: #fff; }
#footerLeft { float: left; padding-right: 0; width: 490px; }
#footerRight { float: right; padding-left: 0; width: 485px; }

#footerLeft span { display: inline; padding-right: 1em; }
#footerLeft a { font-weight: bold; color: #00254e; }
#footerLeft a:hover { text-decoration: underline; color: #429c29; }

#footerRight { text-align: right; }
#footerRight ul { float: right; }
#footerRight li { white-space: nowrap; }
#footerRight img { float: right; border-top: 2px solid #fff; border-left: 10px solid #fff; }


/* DO NOT OVERRIDE */
.block { display: block; clear: both; }
.error { color: #d00; font-weight: bold; }
.red-border { border: 1px solid #a00; }
.red-text { color: #a00; }
.text-center { text-align: center; }

.dots { background: url(../img/bg-dot.gif) left center repeat-x; height: 20px; text-indent: -10000px; }
.link-right { display: block; text-align: right; font-weight: bold; margin: 0.2em 5px 0 0; color: #00254e; }

.margin-top-default { margin-top: 10px; }
.margin-top-zero { margin-top: 0; }
.margin-bottom-zero { margin-bottom: 0; }
.margin-bottom-default { margin-bottom: 10px; }
.clear { clear: both; }

/** Rounded Corners **/
.corner { position: absolute; width: 12px; height: 12px; background: url(../img/corners/bg-content-panel.gif) right 0 no-repeat; }
.corner-top-left { left: 0; top: 0; background-position: left top; }
.corner-top-right { right: 0; top: 0; background-position: right top; }
.corner-bottom-right { right: 0; bottom: 0; background-position: right bottom; }
.corner-bottom-left { left: 0; bottom: 0; background-position: left bottom; }

#submenu #submenuInner .corner { width: 9px; height: 9px; }