/* VTNZ styles */
html, body { margin: 0px; padding: 0px; border: none; }
body { font-size: 12px; font-family: "Arial" , "Verdana" , "Sans-Serif"; color: #2d2d2d; background: #f3f3f3 url(../../images/vtnzinternet/page-background.png) repeat-x; width: 100%; min-width: 960px; }
div, ul, ol { margin: 0px; padding: 0px; border: none; list-style: none; font-size: 12px; }
img { border: none; margin: 0px; padding: 0px; }
div.clear { clear: both; }
/* Define standard links */
a { color: #f58220; text-decoration: underline; font-size: 12px; }
a:hover { color: #f58220; text-decoration: none; }
a:visited { color: #f59e54; }
/* Define headings */
h1 { font-size: 24px; }
h2 { font-size: 30px; font-style: italic; margin: 0px; line-height: 46px; }
h3 { font-size: 14px; color: #333333; }
div.panel h3 { margin-left: 14px; }
h4 { font-size: 14px; margin: 10px 0px; line-height: 1.4; max-width: 600px; }
h5 { font-size: 16px; margin-top: 10px; color: #333333; font-weight: bold; }
h5 a, h5 a:visited { font-size: 16px; text-decoration: none; color: #333333; }
h5 a:hover { font-size: 16px; text-decoration: underline; color: #333333; }
h6 { font-size: 12px; }
sup { vertical-align: top; }
#content-column h5 { margin: 15px 0px 0px 0px; }
/* common styles */
p { font-size: 12px; color: #333; line-height: 1.6; }
div.intro p { font-weight: bold; font-size: 14px; }
div.text { color: #333; }
div.text p { font-weight: normal; font-size: 12px; margin-top: 0px; line-height: 1.4; }
div.back-to-top { margin: 10px 0px; }
div.back-to-top a { font-size: 11px; }
/* Page and header styles */
#page-wrapper { width: 100%; background: url(../../images/vtnzinternet/banner-background-without-text.png); background-repeat: no-repeat; background-position: center top; min-width: 960px; }
#page { width: 960px; margin: 0px auto; }
#header { height: 180px; position: relative; }
#header a#contact-tab { display: block; width: 100%; height: 100%; float: right; background: url(../../images/vtnzinternet/contact-us-tab.png); background-repeat: no-repeat; width: 109px; height: 30px; }
#header a#cart-tab { display: block; width: 100%; height: 100%; float: right; background: url(../../images/vtnzinternet/shopping-cart-tab.png); background-repeat: no-repeat; width: 128px; height: 30px; margin-right: 8px; }
#header h1 { position: absolute; height: 80px; width: 200px; margin-top: 30px; }
#header h1 a { display: block; width: 100%; height: 100%; }
#header h1 span { color: #fff; display: none; }
#body-content { margin: 0px 10px; position: relative; height: 1%; }
body#homepage #body-content { margin: 0px 10px; }
/* Main navigation */
#main-menu { position: absolute; top: 105px; height: 52px; z-index: 20; }
#main-menu ul { height: 52px; z-index: 20; width: 960px; }
#main-menu ul li { float: left; height: 100%; position: relative; z-index: 20; height: 52px; }
#main-menu ul li.active { background: url(../../images/vtnzinternet/menu-hover-bg.gif); z-index: 19; }
#main-menu ul li.active a { text-decoration: underline; }
#main-menu ul li img { position: absolute; top: 0px; }
#main-menu ul li img.left-shadow { left: -141px; }
#main-menu ul li img.right-shadow { right: -141px; }
#main-menu ul li.services-item { margin: 19px 0px 0px 46px; position: absolute; right: 0; top: 0; }
/* Safari specific */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#main-menu ul li.services-item { padding: 0px 0 0 0; }
}
#main-menu ul li.services-item:hover { background: none; }
#main-menu ul li a { text-transform: uppercase; font-size: 14px; font-weight: bold; display: block; color: #fff; text-decoration: none; }
#main-menu ul li a span { display: none; }
#main-menu ul li a:hover { text-decoration: underline; }
#main-menu ul li.services-item a { padding: 0px; }
#main-menu ul li.services-item a:hover { background: none; }
#main-menu #services-dropdown { width: 149px; height: 28px; background: url(../../images/vtnzinternet/our-services-dropdown.png); background-repeat: no-repeat; }
#main-menu #services-dropdown a { display: block; width: 100%; height: 100%; }
#main-menu #services-popup { display: none; margin-top: 0; position: absolute; right: -1px; top: -1px; width: 374px; }
#main-menu #services-popup-inner { background: url(../../images/vtnzinternet/our-services-popup.png); background-repeat: no-repeat; width: 100%; }
#main-menu #services-popup a { margin: 0px; padding: 0px; }
#main-menu #services-popup ul { width: 152px; height: auto; margin: 42px 8px 18px 18px; float: left; }
#main-menu #services-popup ul li { float: none; padding: 4px 0px; height: auto; }
#main-menu #services-popup ul li a { text-transform: none; font-weight: normal; font-size: 12px; text-decoration: none; }
#main-menu #services-popup ul li a:hover { text-decoration: underline; }
#main-menu #services-popup a#close-services { width: 21px; height: 20px; background: url(../../images/vtnzinternet/our-services-close.gif); position: absolute; top: 10px; right: 10px; z-index: 100; }
#main-menu #services-popup a img { border: 0; }
#main-menu #services-popup-bottom img { position: static; }
/*Menu backgrounds*/
#main-menu li#mineareststationsearch a, #main-menu li#miservices a, #main-menu li#milatestnews a, #main-menu li#mifaqs a, #main-menu li#miaboutvtnz a, #main-menu li#micareers a, #main-menu li#mishop a { background: url(../../images/vtnzinternet/menu.png); background-repeat: no-repeat; width: 77px; height: 52px; }
#main-menu li#mineareststationsearch a { background-position: -19px 0px; width: 202px; }
#main-menu li#miservices a { background-position: -232px 0px; width: 94px; }
#main-menu li#milatestnews a { background-position: -333px 0px; width: 120px; }
#main-menu li#mifaqs a { background-position: -459px 0px; width: 65px; }
#main-menu li#miaboutvtnz a { background-position: -533px 0px; width: 113px; }
#main-menu li#micareers a { background-position: -655px 0px; width: 90px; }
#main-menu li#mishop a { background-position: -748px 0px; width: 77px; }
#main-menu li#mineareststationsearch a:hover { background-position: -19px -52px; }
#main-menu li#miservices a:hover { background-position: -232px -52px; }
#main-menu li#milatestnews a:hover { background-position: -333px -52px; }
#main-menu li#mifaqs a:hover { background-position: -459px -52px; }
#main-menu li#miaboutvtnz a:hover { background-position: -533px -52px; }
#main-menu li#micareers a:hover { background-position: -655px -52px; }
#main-menu li#mishop a:hover { background-position: -748px -52px; }
#main-menu li#mineareststationsearchActive, #main-menu li#miservicesActive, #main-menu li#milatestnewsActive, #main-menu li#mifaqsActive, #main-menu li#miaboutvtnzActive, #main-menu li#micareersActive, #main-menu li#mishopActive { z-index: 19; }
#main-menu li#mineareststationsearchActive a, #main-menu li#miservicesActive a, #main-menu li#milatestnewsActive a, #main-menu li#mifaqsActive a, #main-menu li#miaboutvtnzActive a, #main-menu li#micareersActive a, #main-menu li#mishopActive a { background: url(../../images/vtnzinternet/menu.png); background-repeat: no-repeat; background-position: -748px -104px; height: 52px; }
#main-menu li#mineareststationsearchActive a { background-position: -19px -104px; width: 202px; }
#main-menu li#miservicesActive a { background-position: -232px -104px; width: 94px; }
#main-menu li#milatestnewsActive a { background-position: -333px -104px; width: 120px; }
#main-menu li#mifaqsActive a { background-position: -459px -104px; width: 65px; }
#main-menu li#miaboutvtnzActive a { background-position: -533px -104px; width: 113px; }
#main-menu li#micareersActive a { background-position: -655px -104px; width: 90px; }
#main-menu li#mishopActive a { background-position: -748px -104px; width: 77px; }
/* Breadcrumbs */
#breadcrumbs { font-size: 11px; color: #595959; margin: 24px 10px 14px 10px; }
#breadcrumbs a { color: #595959; font-size: 11px; }
/* Sub navigation */
#navigation-column { width: 166px; float: left; }
.sub-menu { background: url(../../images/vtnzinternet/submenu-background-bottom.png); background-repeat: no-repeat; background-position: center bottom; padding: 0px 0px 9px; margin-bottom: 12px; }
.sub-menu h4 { background: url(../../images/vtnzinternet/submenu-background-top.png); background-repeat: no-repeat; background-position: center top; margin: 0px; padding: 20px 13px 7px 13px; font-style: italic; }
.sub-menu ul { background: url(../../images/vtnzinternet/submenu-background-middle.png); background-repeat: repeat; background-position: center bottom; margin: 0px; padding: 0px; list-style: none none inside; }
.sub-menu ul li { padding: 6px 13px; font-size: 11px; }
.sub-menu ul li.current a { text-decoration: underline; }
.sub-menu ul li a { color: #333; text-decoration: none; font-size: 11px; }
.sub-menu ul li a:hover { text-decoration: underline; }
.sub-menu p { color: #333; font-size: 11px; text-decoration: none; line-height: 1.4; margin: 0px; }
/* Content column */
#content-column { width: 440px; padding: 0px 14px; float: left; }
#full-width-content { width: 100%; float: left; min-height: 300px; }
#services-content-column { width: 610px; padding: 0; float: left; min-height: 300px; }
.panel { background-color: #FFFFFF; background-position: 6px 9px; background-repeat: no-repeat; border: 1px solid #CDCDCD; border-radius: 10px; margin: 0 0 5px 0; padding: 4px 0 0 12px; width: 100%; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: #CDCDCD 1px 1px 2px; -moz-box-shadow: #CDCDCD 1px 1px 2px; box-shadow: #CDCDCD 1px 1px 2px; behavior: url(PIE.htc); }
.panel div.productDetails { display: none; }
.panel div.productDetails p { margin: 0 12px 0 0; }
.round, .panel .productDetails img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc); }
.collapsed { background-image: url(../../images/vtnzinternet/arrow-collapsed.gif); }
.expanded { background-image: url(../../images/vtnzinternet/arrow-expanded.gif); }
.panel .productDetails img { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc); }
.rounded { border: 1px solid #CDCDCD; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; behavior: url(PIE.htc); }
.shadow { -webkit-box-shadow: #CDCDCD 1px 1px 2px; -moz-box-shadow: #CDCDCD 1px 1px 2px; box-shadow: #CDCDCD 1px 1px 2px; background: transparent; behavior: url(PIE.htc); }
div#innerContentContact { padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; }
div#innerContentContact div#innerContentPhone { float: right; overflow: hidden; width: 200px; }
div#innerContentContact div#innerContentPhone li.phone { background: url(../../images/vtnzinternet/phone.gif); background-repeat: no-repeat; background-position: top left; padding-left: 24px; vertical-align: middle; border-bottom: 1px solid #ccc; float: right; }
div#innerContentContact div#innerContentPhone li.fax { background: url(../../images/vtnzinternet/fax.gif); background-repeat: no-repeat; background-position: top left; padding-left: 24px; margin-top: 8px; float: right; }
div#innerContentContact div#innerContentAddress { overflow: hidden; padding: 0 20px 0 0; }
div#innerContentContact div#innerContentAddress ul li { font-weight: bold; }
div#innerContentContact div#innerContentPhone ul li { font-weight: bold; font-size: 18px; padding-bottom: 12px; }
div.innerContentThreeCol { padding: 15px 0; border-bottom: 1px solid #dcdcdc; }
div.innerContentThreeCol div.innerThreeCol3 { float: right; padding-right: 10px; text-align: right; width: 95px; }
div.innerContentThreeCol div.innerThreeCol2 { width: 120px; float: left; margin-left: 5px; }
div.innerContentThreeCol div.innerThreeCol1 { float: left; width: 210px; padding: 0 0px 0 0; }
div.innerThreeCol1 ul { list-style: disc outside none; margin-left: 0px; }
div.innerThreeCol1 ul li { font-size: 11px; font-weight: bold; list-style: none; color: #333333; margin-left: 0px; line-height: 2; }
div.innerThreeCol2 ul li, div.innerThreeCol3 ul li { font-size: 11px; }
p.dayNotes { font-size: 11px; margin: 0px 0px 0px 5px; padding: 0px 10px 0px 0px; text-align: right; width: 215px; float: right; }
/*.photolistitem {float:left;margin:10px 5px;text-align:center;width:192px;height:200px;}*/
ul#servicesList, ul#productList { margin-top: 10px; }
ul#servicesList li, ul#productList li { width: 203px; height: 240px; float: left; }
div.captiondisplay { text-align: left; padding: 10px 10px 0 0; }
div.captiondisplay h5 { margin-bottom: 2px; }
div.captiondisplay h5 a { font-style: normal; font-size: 14px; color: #2d2d2d; padding: 0px; margin: 0px; text-decoration: none; }
div.captiondisplay h5 a:hover { text-decoration: underline; cursor: pointer; }
div.captiondisplay p { margin: 0px; line-height: 1.4; }
div.imagecontainer { position: relative; height: 130px; }
div.imagecontainer img { width: 192px; height: 130px; position: absolute; top: 0; left: 0; }
/* Right column styles */
#right-column { width: 306px; float: right; }
#right-column div.right-col-item { margin-bottom: 20px; }
#right-column #rci-station-search { background: url(../../images/vtnzinternet/station-search-bg.gif); background-repeat: no-repeat; width: 308px; height: 141px; }
#right-column #rci-station-search form { padding: 48px 24px 14px 24px; }
#right-column #rci-station-search select { width: 256px; margin-bottom: 10px; font-size: 11px; padding: 1px 0px 0px 4px; }
#right-column #rci-station-search input { float: right; border: none; background: url(../../images/vtnzinternet/btn-search.gif); width: 78px; height: 27px; text-indent: 100px; cursor: pointer; }
#rci-shopping-cart { }
#ppi-shopping-cart { display: block; position: absolute; right: 0; top: 6px; width: 306px; }
#rci-shopping-cart-header { background: url(../../images/vtnzinternet/cart-background-header.png); background-repeat: no-repeat; height: 66px; }
#ppi-shopping-cart-header { background: url(../../images/vtnzinternet/ppi-cart-background-header.png); background-repeat: no-repeat; height: 30px; }
#rci-shopping-cart-body { background: url(../../images/vtnzinternet/cart-background-body.png); background-repeat: repeat-y; padding: 1px 20px 1px 16px; }
#rci-shopping-cart-footer { background: url(../../images/vtnzinternet/cart-background-footer.png); background-repeat: no-repeat; height: 13px; }
#rci-shopping-cart-header span, #ppi-shopping-cart-header span { display: none; }
#rci-shopping-cart table, #ppi-shopping-cart table { border-collapse: collapse; width: 100%; }
#rci-shopping-cart table tr th, #ppi-shopping-cart table tr th { padding: 8px 0; text-align: left; }
#rci-shopping-cart table tr td { padding: 8px 0; }
#ppi-shopping-cart table tr td { padding: 2px 0; }
#rci-shopping-cart table tr.totalLine td, #ppi-shopping-cart table tr.totalLine td { border-top: 1px solid #ddd; }
#rci-shopping-cart table tr td.col-price, #ppi-shopping-cart table tr td.col-price { text-align: right; padding-left: 8px; }
#rci-shopping-cart table tr td.col-total, #ppi-shopping-cart table tr td.col-total { text-align: right; }
#rci-shopping-cart table tr th.col-total, #ppi-shopping-cart table tr th.col-total { text-align: right; }
div#cart-buttons { position: relative; height: 26px; margin-top: 6px; }
div#finalNoticeMessage { }
div#finalNoticeMessage p { line-height: 100%; }
div a#check-out-button { position: absolute; right: 0px; top: 0px; display: block; background: url(../../images/vtnzinternet/button-check-out.png); background-repeat: no-repeat; background-position: left top; width: 113px; height: 26px; }
div a#cart-button { position: absolute; left: 0px; top: 0px; display: block; background: url(../../images/vtnzinternet/button-edit-cart.png); background-repeat: no-repeat; background-position: left top; width: 113px; height: 26px; }
div a#clear-cart-button { position: absolute; left: 0px; top: 0px; display: block; background: url(../../images/vtnzinternet/button-clear-items.png); background-repeat: no-repeat; background-position: left top; width: 113px; height: 26px; }
div a#next-step-button { background: url("../../images/vtnzinternet/button-next-step.png") no-repeat scroll left top transparent; display: block; float: right; height: 26px; width: 113px; }
div a#previous-step-button { background: url("../../images/vtnzinternet/button-previous-step.png") no-repeat scroll left top transparent; display: block; float: left; height: 26px; width: 113px; }
div a#check-out-button:hover, div a#cart-button:hover, div a#clear-cart-button:hover, div a#next-step-button:hover, div a#previous-step-button:hover { background-position: right top; }
div a#check-out-button span, div a#cart-button span, div a#clear-cart-button span, div a#next-step-button span, div a#previous-step-button span { display: none; }
input#button-update-cart, input#button-confirm, input#button-make-payment, input#button-edit-details { display: block; background-repeat: no-repeat; background-position: left top; width: 113px; height: 26px; border: 0; }
input#button-update-cart:hover, input#button-confirm:hover, input#button-make-payment:hover, input#button-edit-details:hover { background-position: right top; cursor: pointer; }
input#button-update-cart { background: url(../../images/vtnzinternet/button-update-cart.png); }
input#button-confirm { background: url(../../images/vtnzinternet/button-confirm.png); }
input#button-edit-details { background: url(../../images/vtnzinternet/button-edit-details.png); float: left; }
input#button-make-payment { background: url(../../images/vtnzinternet/button-make-payment.png); float: right; }
#shop-admin #content-column { display: block; padding: 0; width: 100%; }
#shopping-cart #content-column { width: 745px; }
#check-out #content-column { width: 745px; }
#check-out #content-column ul.cartItemList { list-style: disc inside none; margin: 15px 0 0 15px; }
table.salesOrders { width: 100%; }
table.salesOrders th { text-align: left; }
label.formWarning { color: #f00; }
.quantityField { width: 20px; }
p.warningMsg { color: #f00; font-weight: bold; }
p.confirmationMsg { color: #37B007; font-weight: bold; }
div#shopping-form-wrapper p.message { border-top: 1px solid #ccc; color: #f58220; font-style: italic; margin: 10px 0; padding-top: 10px; }
div#shoppingCartHeader span.active { color: #f58220; }
div#shoppingCartButtons p { display: block; width: 424px; }
input#button-confirm { float: right; }
input#button-update-cart { float: left; }
div#shopping-form-wrapper p { margin: 3px 0 0; }
div#shopping-form-wrapper div.formHolder { margin: 10px 0; }
div#shoppingCartButtons { min-height: 40px; }
h4#product-description { float: left; width: 320px; margin-top: 0px; }
h4#productlist-description { float: left; width: 320px; margin-top: 11px; }
div#promo-text { color: #666666; font-size: 11px; font-style: italic; margin-top: 3px; text-align: center; }
div#button-add-to-cart { float: right; width: 120px; margin-top: 5px; }
div#button-add-to-cart a { display: block; background: url(../../images/vtnzinternet/button-add-to-cart.png); background-repeat: no-repeat; background-position: left top; width: 113px; height: 26px; margin-left: 5px; }
div#button-add-to-cart a:hover { background-position: right top; }
div#button-add-to-cart a span { display: none; }
span.mainPrice { font-weight: bold; }
span.discount { color: #c00; }
#right-column #rci-shopping-cart form { padding: 48px 24px 14px 24px; }
#right-column #rci-shopping-cart select { width: 256px; margin-bottom: 10px; font-size: 11px; padding: 1px 0px 0px 4px; }
#right-column #rci-shopping-cart input { float: right; border: none; background: url(../../images/vtnzinternet/btn-search.gif); width: 78px; height: 27px; text-indent: 100px; cursor: pointer; }
div.no-items { font-size: 11px; font-style: italic; color: #999; padding-top: 6px; }
/* Gadget - Advertisement */
#right-column #rci-ad { margin-left: 3px; text-align: center; }
#right-column #rci-ad p { margin-top: 8px; }
#right-column #rci-ad p a { font-size: 11px; }
div.advertisement { background: url(../../images/vtnzinternet/advert-space.gif); background-repeat: no-repeat; width: 300px; height: 250px; border: solid 1px #cdcdcd; }
div.additional-advertisement { width: 300px; margin-top: 10px; }
div.careers-advertisement { text-align: left; width: 300px; height: 223px; }
div.careers-advertisement img { float: right; margin: 2px 23px 10px 10px; }
div.careers-advertisement strong { line-height: 1.4; font-size: 13px; }
div.careers-advertisement p { line-height: 1.4; font-size: 11px; }
/* Gadget - WOF Reminder */
#rci-wof-reminder { background: url(../../images/vtnzinternet/need-a-wof-reminder.gif); background-repeat: no-repeat; width: 300px; height: 130px; margin: 6px 0 0 3px; }
#rci-wof-reminder a { display: block; width: 100%; height: 100%; }
/* Gadget - Key roles */
#rci-key-roles { background: url(../../images/vtnzinternet/key-roles-at-vtnz.gif); background-repeat: no-repeat; width: 300px; height: 130px; margin-left: 3px; }
#rci-key-roles a { display: block; width: 100%; height: 100%; }
/* Gadget - Google map static image */
#rci-google-map { bottom: 0; margin-left: 3px; position: absolute; right: 0; width: 300px; }
/* Gadget - VTNZ Reason */
div.vtnz-reason { width: 300px; height: 200px; }
#reason04 { background: url(../../images/vtnzinternet/reason-04.gif); }
/* Footer */
#footer { clear: both; margin: 40px 10px 60px 10px; }
#footer ul#footer-bar { width: 940px; height: 52px; background: url(../../images/vtnzinternet/footer.gif); background-repeat: no-repeat; color: #fff; }
#footer ul#footer-bar { margin-bottom: 28px; }
#footer ul#footer-bar li { float: left; font-style: italic; font-size: 18px; color: #fff; }
#footer ul#footer-bar li a { color: #fff; vertical-align: top; }
#footer ul#footer-bar li#footer-phone-no { padding: 14px 325px 16px 20px; }
/*#footer ul#footer-bar li#footer-phone-no{padding:14px 170px 16px 20px;}*/
#footer ul#footer-bar li#footer-latest-news { background: url(../../images/vtnzinternet/footer-latest-news.gif); background-repeat: no-repeat; background-position: 0px 19px; padding: 18px 36px 12px 26px; }
#footer ul#footer-bar li#footer-latest-jobs { background: url(../../images/vtnzinternet/footer-latest-news.gif); background-repeat: no-repeat; background-position: 0px 19px; padding: 18px 6px 12px 26px; }
/*#footer ul#footer-bar li#footer-latest-jobs{background:url(../../images/vtnzinternet/footer-latest-news.gif);background-repeat:no-repeat;background-position:0px 19px;padding:18px 36px 12px 26px;}*/
#footer ul#footer-bar li#footer-twitter-updates { background: url(../../images/vtnzinternet/footer-twitter.gif); background-repeat: no-repeat; background-position: 0px 19px; padding: 18px 6px 12px 26px; }
#footer #footer-copy-text { float: left; color: #595959; font-size: 11px; line-height: 18px; }
#footer ul#footer-links { float: right; margin: 12px 0 0 0; }
#footer ul#footer-links li { float: left; margin: 8px 0px 5px 0px; font-size: 11px; }
#footer ul#footer-links li a { color: #595959; font-size: 11px; }
#footer ul#footer-links li span { margin: 0px 5px; }
/* Content styles */
#content-column h2 { margin-bottom: 10px; }
#content-column div.intro { font-weight: bold; font-size: 13px; }
#content-column div.news-item-summary { margin: 0 0 14px; }
#content-column div.news-item-summary h4 { font-style: normal; margin: 0px; }
#content-column div.news-item-summary h5 { margin: 2px 0; }
#content-column div.news-info { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; padding: 10px 0; }
#content-column p.timeInfo { font-size: 11px; color: #999999; margin: 0px; }
#content-column p.timeInfo a { color: #999999; }
#content-column p.text { margin: 0px 0 5px 0; }
#content-column span.newsInfo1 { font-size: 11px; color: #333; margin: 0px; padding-right: 30px; }
#content-column span.newsInfo2 { font-size: 11px; color: #333; margin: 0px; }
#content-column div.faq-question { margin: 0 0 25px 0px; }
#content-column div.faq-question h4 { font-style: normal; margin: 2px 0px 10px 0px; }
#content-column div.faq-question div.text p { margin-top: 0px; }
#newsList li { border-bottom: solid 0px #cdcdcd; padding-top: 14px; }
/* Homepage styles */
#welcome-bar { margin: 0px 10px; }
#welcome-bar #welcome-bar-left { width: 50%; float: left; height: 256px; }
#welcome-bar #welcome-bar-left p.welcome-line1 { font-size: 19px; margin: 0; }
#welcome-bar #welcome-bar-left p.welcome-line2 { font-size: 16px; }
#welcome-bar #welcome-bar-left p.welcome-line3 { font-size: 16px; }
#welcome-bar #welcome-bar-left a { font-size: 14px; width: 150px; margin-right: 42px; }
#welcome-bar #welcome-bar-right { width: 50%; float: left; }
#horizontal-station-search { width: 941px; height: 53px; background: url(../../images/vtnzinternet/station-search-bg-wide.gif); margin: 0 10px 30px 10px; }
#horizontal-station-search form { padding: 14px 20px; }
#horizontal-station-search select { width: 220px; font-size: 11px; padding: 1px 0px 0px 4px; margin-top: 6px; }
#horizontal-station-search select#ss-town-city { margin-left: 271px; }
#horizontal-station-search select#ss-suburb { margin-left: 50px; }
#horizontal-station-search input { float: right; border: none; background: url(../../images/vtnzinternet/btn-search.gif); width: 78px; height: 27px; text-indent: 100px; cursor: pointer; }
#flybuys-ad { position: absolute; height: 90px; width: 770px; top: 30px; left: 193px; }
/*#flybuys-ad-inner p{color:#FFC18F;margin-top:70px;position:absolute;right:0;text-align:right;top:0;}*/
div.external-content { margin: 6px 0px 0px 3px; }
iframe.external-content { overflow: hidden; background-color: #f3f3f3; }
/* Homepage 3 columns */
#homepage-col1 { width: 300px; float: left; }
#homepage-col2 { width: 300px; float: left; margin: 0px 20px; }
#homepage-col3 { width: 300px; float: left; }
#homepage-col3 div.right-col-item p { text-align: center; }
#homepage-col3 div.right-col-item p a { font-size: 11px; }
#homepage-col1 p.heading { font-weight: bold; font-size: 14px; margin: 0; }
#homepage-col1 p.text { margin: 0 0 13px 0; font-size: 12px; color: #595959; line-height: 1.4; }
#latestNewsList li { border-bottom: 0px solid #cdcdcd; padding-top: 13px; }
#latestNewsList li.last { border-bottom: none; }
/* Nearest Station Search */
#station-sub-menu { background: url(../../images/vtnzinternet/station-search-menu-top.png); background-repeat: no-repeat; }
#station-sub-menu form { height: 100px; padding: 50px 15px 0px 15px; }
#station-sub-menu form select { width: 136px; margin-bottom: 10px; font-size: 11px; padding: 1px 0px 0px 4px; }
#station-sub-menu ul { background: url(../../images/vtnzinternet/station-search-menu-middle.png); background-repeat: repeat-y; padding-bottom: 4px; }
#station-sub-menu ul li { padding: 0px 15px 10px 15px; }
#station-sub-menu ul li a { color: #fff; text-decoration: none; font-size: 11px; }
#station-sub-menu ul li a:hover { text-decoration: underline; }
#station-sub-menu div#station-sub-menu-bottom { background: url(../../images/vtnzinternet/station-search-menu-bottom.png); background-repeat: no-repeat; width: 100%; height: 10px; }
#station-sub-menu input, #search-location input { float: right; border: none; background: url(../../images/vtnzinternet/btn-search.gif); width: 78px; height: 27px; text-indent: 100px; cursor: pointer; }
#stationResultsList { margin-bottom: 26px; }
#stationResultsList li { height: 35px; clear: both; border-bottom: solid 2px #e3e3e3; overflow: hidden; }
#stationResultsList li.longStationName { height: 52px; }
#stationResultsList li a { width: 100%; height: 100%; display: block; color: #000; text-decoration: none; font-size: 13px; }
#stationResultsList li a:hover { background-color: #eaeaea; background-image: url(../../images/vtnzinternet/more-arrow.gif); background-repeat: no-repeat; background-position: right center; }
#stationResultsList li span.stationCol { display: block; float: left; width: 235px; font-weight: bold; padding: 10px; }
#stationResultsList li span.townCityCol { display: block; float: left; padding: 10px; }
#stationResultsList li.longStationName span.townCityCol { display: block; float: left; padding: 18px 10px; }
#stationResultsList li.headerRow { font-weight: bold; }
#stationResultsList li.headerRow a:hover { background-color: #f3f3f3; background: none; }
#stationResultsList li.headerRow:hover { background-color: #f3f3f3; background: none; }
#stationResultsPaging { margin-top: 10px; padding: 0px 0px; }
#stationResultsPaging p { text-transform: uppercase; font-size: 11px; font-weight: bold; }
#stationResultsPaging ul li { float: left; margin: 0px 16px 0px 0px; font-size: 11px; }
#stationMap { width: 442px; height: 356px; position: relative; }
#stationMap #map_canvas { width: 440px; height: 354px; border: solid 1px #ccc; }
img#map-border-top-left { position: absolute; top: 0px; left: 0px; width: 6px; height: 6px; }
img#map-border-top-right { position: absolute; top: 0px; right: 0px; width: 6px; height: 6px; }
img#map-border-bottom-left { position: absolute; bottom: 0px; left: 0px; width: 6px; height: 6px; }
img#map-border-bottom-right { position: absolute; bottom: 0px; right: 0px; width: 6px; height: 6px; }
/* Search by location */
#search-location { background: url(../../images/vtnzinternet/location-search-menu-top.gif); background-repeat: no-repeat; }
#search-location form { height: 100px; padding: 50px 15px 0px 15px; }
#search-location form select { width: 136px; margin-bottom: 10px; font-size: 11px; padding: 1px 0px 0px 4px; }
#search-location ul { background: url(../../images/vtnzinternet/station-search-menu-middle.png); background-repeat: repeat-y; padding-bottom: 4px; }
#search-location ul li { padding: 0px 15px 10px 15px; }
#search-location ul li a { color: #fff; text-decoration: none; font-size: 11px; }
#search-location ul li a:hover { text-decoration: underline; }
#search-location div#station-sub-menu-bottom { background: url(../../images/vtnzinternet/station-search-menu-bottom.png); background-repeat: no-repeat; width: 100%; height: 10px; margin: -9px 0 0 -2px; }
/* Careers Index Page*/
#careersList { margin-bottom: 26px; line-height: 1.5; }
#careersList li { height: 120px; border-bottom: solid 1px #bbb; clear: both; padding: 8px 2px; }
#careersList li a { display: block; width: 100%; height: 100%; margin: 5px 0px; }
#careersList li span.positionCol { float: left; font-weight: bold; font-size: 13px; clear: both; }
#careersList li span.townCityCol { float: left; font-size: 13px; clear: both; color: #595959; }
#careersList li span.postedCol { float: left; font-size: 13px; padding-top: 5px; clear: left; color: #333; }
#careersList li span.applCol { font-size: 13px; padding: 5px 0 0 10px; float: left; }
#careersList li a.appldetail { font-size: 11px; padding: 5px 0 0 0px; float: left; text-decoration: underline; color: #f58220; }
#careersList li p.text { display: inline-table; width: 100%; height: 100%; }
body#careers-detail p.postCol { font-weight: bold; font-size: 14px; margin-bottom: 5px; }
body#careers-detail p.townCol { font-size: 13px; }
body#careers-detail p.vacancyCol { font-weight: bold; font-size: 13px; }
#content-column div.careers-info { border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; padding: 12px 8px; background-color: #eaeaea; }
#content-column p.careersInfo { font-size: 11px; color: #333; margin: 0px; }
#content-column p.careersInfo input { vertical-align: middle; margin: -1px 5px 0 10px; }
#content-column p.careersInfo label { vertical-align: middle; padding: 5px 4px 4px 0px; margin: 0px; cursor: pointer; }
/* Careers Search */
#careers-sub-menu { background: url(../../images/vtnzinternet/station-search-menu-top-careers.png); background-repeat: no-repeat; margin-bottom: 10px; }
#careers-sub-menu form { padding: 50px 15px 0px 15px; }
#careers-sub-menu form select { width: 136px; margin-bottom: 10px; font-size: 11px; padding: 1px 0px 0px 4px; }
#careers-sub-menu ul { background: url(../../images/vtnzinternet/station-search-menu-middle.png); background-repeat: repeat-y; padding: 8px 3px 6px 0px; margin-top: -15px; }
#careers-sub-menu ul li { padding: 0px 15px 10px 15px; }
#careers-sub-menu ul li a { color: #fff; text-decoration: none; font-size: 11px; }
#careers-sub-menu ul li a:hover { text-decoration: underline; }
#careers-sub-menu ul li.current a { text-decoration: underline; }
#careers-sub-menu div#station-sub-menu-bottom { background: url(../../images/vtnzinternet/station-search-menu-bottom.png); background-repeat: no-repeat; width: 100%; height: 10px; }
/* Careers toolbar */
#careers-toolbar { background: url(../../images/vtnzinternet/careers-toolbar.gif); background-repeat: no-repeat; border: 2px solid #dcdcdc; float: right; height: 141px; width: 197px; margin-left: 10px; }
#careers-toolbar form { padding: 50px 15px 0px 15px; }
#careers-toolbar form select { width: 136px; margin-bottom: 10px; font-size: 11px; padding: 1px 0px 0px 4px; }
#careers-toolbar ul { margin: 14px 0; padding: 0px; }
#careers-toolbar ul li { padding: 11px 3px 10px 50px; }
#careers-toolbar ul li.blank { background-color: #f3f3f3; }
#careers-toolbar ul li a { color: #000000; text-decoration: underline; font-size: 12px; }
#careers-detail-List li, #careers-toolbar ul li { list-style: none; margin: 0px; }
/* Content Index */
.resultsPaging p { text-transform: uppercase; font-size: 11px; font-weight: bold; }
.resultsPaging ul li { float: left; margin: 0px 16px 0px 0px; font-size: 11px; }
/* Video Carousel Styles */
#welcome-bar-right { position: relative; width: 470px; height: 256px; }
#welcome-bar-right #videoImage1 { width: 145px; height: 173px; position: absolute; left: 10px; top: 27px; z-index: 10; }
#welcome-bar-right #videoImage2 { width: 208px; height: 248px; position: absolute; left: 135px; top: 5px; z-index: 11; }
#welcome-bar-right #videoImage3 { width: 145px; height: 173px; position: absolute; left: 318px; top: 27px; z-index: 10; }
#welcome-bar-right #videoImage4 { width: 104px; height: 124px; position: absolute; left: 188px; top: 37px; z-index: 9; }
#welcome-bar-right #prevBtn { width: 36px; height: 36px; position: absolute; left: 5px; top: 95px; z-index: 15; }
#welcome-bar-right #playBtn { width: 97px; height: 38px; position: absolute; left: 192px; top: 95px; z-index: 15; }
#welcome-bar-right #nextBtn { width: 36px; height: 36px; position: absolute; left: 432px; top: 95px; z-index: 15; }
#welcome-bar-right #prevBtn a, #welcome-bar-right #playBtn a, #welcome-bar-right #nextBtn a { display: block; width: 100%; height: 100%; }
.mediaPlayer { display: none; }
.mediaPlayer img.closeBtn { position: absolute; right: 0px; top: -14px; z-index: 100; }
/* Email a friend */
#emailAFriendWindow { position: absolute; width: 100%; top: 0px; }
#emailAFriendWindowInner { background-color: #f7f7f7; width: 303px; height: 505px; border: solid 2px #ccc; overflow: hidden; padding: 15px; z-index: 1000; margin: 100px auto; position: relative; }
#emailAFriendWindowInner img.closeBtn { position: absolute; top: 5px; right: 5px; }
#emailAFriendWindowInner textarea, #emailAFriendWindowInner input { width: 300px; }
#emailAFriendWindowInner input.sendBtn { width: auto; float: right; }
#emailAFriendWindowInner p { margin-bottom: 2px; }
#emailAFriendWindowInner p.title { font-size: 16px; font-weight: bold; font-style: italic; margin: 5px 0 20px 0; }
#emailAFriendWindowInner p.comment { color: #999; }
#emailAFriendWindowInner p#captcha { text-align: center; }
/* Forms */
p.formWarning, div.question p strong.formWarning, ul.formWarning li { color: #f58220; margin: 10px 0px; }
#content-column form { margin: 0px 0px; }
div.form-wrapper p { margin: 15px 0px 0px 0px; }
div.form-wrapper input { margin: 5px 0px 0px 0px; }
div.form-wrapper select { margin: 5px 0 0 0; padding: 2px; width: 424px !important; }
span.mandatory { color: #F58220; padding-left: 3px; }
div.question p input.reqCheckBox { position: relative; top: 3px; left: 10px; }
div.form-wrapper input.textbox { margin: 5px 0 0 0; padding: 2px; width: 418px; }
div.form-wrapper select.select { margin: 5px 0 0 0; padding: 2px; width: 427px !important; }
div#body-content div#content-column form#product-renewal-list { display: inline-block; margin-bottom: 25px; margin-top: 5px; }
/* Fancy JQuery dropdown container */
.ddContainer, .ddContainer a { font: normal 13px Helvetica; color: #000; }
.ddContainer a { display: block; cursor: default; text-decoration: none; }
.ddOptionList li a { background-color: #fff !important; padding-right: 4px; }
.ddContainer a.selected { background-color: #3399ff !important; color: #fff !important; }
/* The dropdown toggle button */
.ddToggle { height: 14px; position: relative; display: block; border-top: solid 1px #abadb3 !important; border-right: solid 1px #dbdfe6 !important; border-bottom: solid 1px #e3e9ef !important; border-left: solid 1px #e2e3ea !important; padding: 2px 18px 2px 4px; background-color: #fff; z-index: 1; }
/* The dropdown arrow in the toggle box */
.ddToggle span { width: 0; height: 0; border-color: black white white; border-style: solid; border-width: 4px; display: block; position: absolute; top: 8px; right: 4px; }
/* The dropdown option list */
.ddOptionList { background-color: #fff; border-top: solid 1px #b2b2b2 !important; border-right: solid 1px #000 !important; border-bottom: solid 1px #000 !important; border-left: solid 1px #b2b2b2 !important; list-style-type: none; padding: 0; margin: 0; position: absolute; left: 0; z-index: 999; }
.ddOptionList li.optgroup { font-style: italic; font-weight: bold; cursor: default; }
div#finalNoticeMessage ol { border: medium none; font-size: 12px; list-style: decimal inside none; margin: 0; padding: 0; }
/************** PPI BOOKING **************/
div#description { font-weight: bold; width: 600px; }
div#ppi-ajax-container { overflow: hidden; }
div#ppi-product-container { margin: 0 0 30px 0; max-width: 625px; }
div#optional-ppi-addons { margin: 15px 0 10px 0px; }
span.ppi-product { margin: 0 0 10px 0; }
form#ppi-form select#ppi-product-list { margin: 0 0 20px 0; }
div#ppi-booking-table { margin: 25px auto; /* overflow: auto; */ width: 940px; }
div#ppi-booking-table div.time-heading { }
div#ppi-booking-table div.time-heading div.show-dates { }
table#tblPPIBooking { border: 0 none; border-collapse: collapse; margin-bottom: 20px; }
table#tblPPIBooking tr th { border: 1px solid #E4E4E4; background: none repeat scroll 0 0 #575757; color: #FFFFFF; height: 40px; }
table#tblPPIBooking tr td { background: none repeat scroll 0 0 #FFFAF0; border: 1px solid #E4E4E4; display: table-cell; font-size: 0.9em; height: 120px; min-height: 120px; min-width: 133px; padding: 5px 0 0; vertical-align: top; width: 133px; }
.timeslotManage { display: inline-block; float: right; height: 14px; margin: 0 10px 0 0; vertical-align: bottom; width: 14px; }
.timeslotDelete { background: url("../../images/vtnzinternet/delete-small.gif") no-repeat scroll 0 0 transparent; cursor: pointer; }
.timeslotDeleteSuccess { background: url("../../images/vtnzinternet/success-small.gif") no-repeat scroll 0 0 transparent; }
.timeslotBooked { background: url("../../images/vtnzinternet/booked.gif") no-repeat scroll 0 0 transparent; }
.timeslotReserved { background: url("../../images/vtnzinternet/reserved.gif") no-repeat scroll 0 0 transparent; }
span.ppi-product, span.ppi-addon-product { display: inline-block; margin: 0 15px 0 0; }
span.ppi-product input.ppi-product-input { vertical-align: middle; margin-top: 0; }
span.ppi-product label { vertical-align: middle; }
span.timeslot { display: block; margin: 0; height: 19px; padding: 0 0 0 10px; }
span.timeslot input { margin: 0; padding: 0; vertical-align: middle; }
span.timeslot label { margin: 0 0 0 3px; vertical-align: middle; }
span.timeslot radioLabelPPI { vertical-align: middle; }
span.textCenter { margin: 2px 0 0; padding: 0; text-align: center; }
div#ppi-station-gmap-image { display: block; position: absolute; right: 4px; top: 200px; }
div#ppi-step-nav-buttons { display: block; width: 100%; height: 30px; margin: 20px 0 10px 0; }
/************** PPI ADMIN **************/
#ppiAdminForm { margin: 0 10px; }
.ppiBookingsSummaryTable { width: 100%; margin: 0; }
.ppiBookingsSummaryTable tr th { text-align: left; }
.ppiBookingsSummaryTable tr td { padding: 3px; }
.booking-not-paid { background-color: #FFA6A6; }
.booking-paid-online { background-color: #79E079; }
.booking-paid-instore { background-color: #F5F59D; }
.booking-online-payment-pending { background-color: #B9C5FA; }
.booking-account-payment { background-color: #E0AD4F; }
.inspection-pending-overdue { background-color: #FF7C99; }
.color-block { width: 30px; display: inline-block; margin-right: 20px; }
button.submitBtn { cursor: pointer; overflow: visible; width: auto; padding: 2px; }
button.submitBtn span { display: block; position: relative; white-space: nowrap; }
.bookingContainer { width: 100%; margin: 0 0 20px 0; }
.bookingContainer .bookingDetails { float: left; padding: 0; width: 48%; }
.bookingContainer .timeslotDetails { float: right; padding: 0; margin: 0 0 15px 0; width: 48%; }
.bookingContainer table.bookingTable { width: 95%; margin: 0 auto; }
.bookingContainer table.bookingTable tbody tr td { width: 50%; }
.bookingContainer table.bookingTable input { width: 180px; }
.bookingContainer table.bookingTable td.question p { margin: 5px 0; }
.bookingContainer div#ppi-booking-table { width: 403px; overflow: auto; }
.bookingContainer table#tblPPIBooking tbody tr td { min-width: 133px; }
.bookingsViewContainer { }
#filter { margin: 20px 0 10px 0; }
#filter div { display: inline-block; font-weight: bold; margin: 0 15px 0 0; }
#filter div span { margin: 0 10px 0 0; }
#filter div input { }
.datePicker, .fullDatePicker { width: 100px; }
form#ppiAdminForm div#station-select { margin: 0 0 20px 0; }
.ui-tabs .ui-tabs-nav li.failedTab, .ui-tabs .ui-tabs-nav li.passedTab { background-position: right top; background-repeat: no-repeat; }
.ui-tabs .ui-tabs-nav li.passedTab { background-image: url("../../css/vtnzinternet/ppiadmin/images/validationPassed.png"); }
.ui-tabs .ui-tabs-nav li.failedTab { background-image: url("../../css/vtnzinternet/ppiadmin/images/validationFailed.png"); }
.ppiButtons { height: 24px; margin: 0 0 10px 0; }
.ppiButtons .alignLeft { float: left; }
.ppiButtons .alignRight { float: right; }
.timeslotEditor { display: block; width: 280px; }
#bookingTimeslotCreate .timeslotEditor { margin: 0 auto; }
.timeslotEditor .headerContainer { background: none repeat scroll 0 0 #575757; height: 40px; text-align: center; width: 100%; }
.timeslotEditor .heading { padding: 11px 0 0 0; }
.timeslotEditor .headerContainer strong { color: #FFFFFF; font-size: 1.3em; }
.timeslotEditor .timeslotFieldsContainer { background: none repeat scroll 0 0 #FFFAF0; border: 1px solid #E4E4E4; padding: 5px; }
.timeslotEditor .timeslotFieldsContainer .timeslotFields { padding: 5px; }
.timeslotEditor .timeslotFieldsContainer .timeslotFields div { margin-bottom: 10px; }
.timeslotEditor .timeslotFieldsContainer .timeslotFields span { margin: 0 10px 0 10px; }
.timeslotEditor .timeslotFieldsContainer .buttonContainer { display: block; height: 24px; margin: 5px 13px 5px 13px; }
.timeslotEditor .timeslotFieldsContainer .buttonContainer .rightAlign { float: right; }
.timeslotEditor .timeslotFieldsContainer .buttonContainer button.submitBtn { cursor: pointer; height: auto; }
/************** JAVASCRIPT DISABLED NOTICE **************/
div.no-script { border: 1px solid #696; padding: 15px 0; text-align: center; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0 2px 6px 2px; background: #F3F3F3; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F3F3F3), to(#F58220)); background: -moz-linear-gradient(#F3F3F3, #F58220); background: linear-gradient(#F3F3F3, #F58220); margin: 20px 0; width: 600px; }
div.no-script a { color: #2D2D2D; }
div.no-script h2 { text-align: center; }
/* content block 5 */
.customScrollBox .container { zoom: 1; }
#scrollContainer { margin: 0; position: relative; width: 939px; }
#scrollContainer .customScrollBox { position: relative; width: 939px; overflow: hidden; }
#scrollContainer .customScrollBox .horWrapper { position: relative; left: 0; zoom: 1; }
#scrollContainer .customScrollBox .container { display: inline-block; position: relative; zoom: 1; }
#scrollContainer .customScrollBox .content { clear: both; }
#scrollContainer .customScrollBox .content p { padding: 5px; margin: 0 5px; }
#scrollContainer .customScrollBox .content p img { margin-right: 5px; }
#scrollContainer .dragger_container { border-top: 1px solid darkGray; margin: 5px; position: relative; top: 0; width: 928px; }
#scrollContainer .dragger { background: url("../../images/vtnzinternet/scroller.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 20px; margin-top: -10px; width: 73px; }
#scrollContainer .dragger_pressed { background: url("../../images/vtnzinternet/scroller-rollover.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 20px; margin-top: -10px; width: 73px; }
#scrollContainer .scrollUpBtn, #scrollContainer .scrollDownBtn { position: absolute; top: 0; display: inline-block; font-family: Arial,Helvetica,sans-serif; font-size: large; font-weight: normal; color: #C30; margin: 8px 5px 0 10px; text-decoration: none; }
#scrollContainer .scrollDownBtn { right: 10px; }
#scrollContainer .scrollUpBtn { right: 50px; }
#scrollContainer .scrollUpBtn:hover, #scrollContainer .scrollDownBtn:hover { }
.reportDetails h3 { font-size: 16px; margin: 0 0 4px; }
.reportDetails h4 { font-size: 14px; margin: 0 0 4px; }
div#questions { width: 600px; }
table.question { width: 100%; margin-bottom: 6px; }
table.question td { padding: 3px; }
td.question-text { width: 200px; vertical-align: top; }
table.question input.textbox { width: 300px; }
#tabs-6 table.question select { width: 605px; }
#tabs-6 table.question textarea { width: 600px; }
#tabs-6 table.question input.textbox { width: 600px; }
.ui-tabs .ui-tabs-nav li a { padding: 0.5em 0.7em !important; }
.error { color: #f00; }
img.uploaded-report-image { max-height: 100px; margin-bottom: 10px; }
div.mark { cursor: pointer; background-color: #fff; border: 1px solid #000; padding: 5px; text-align: center; z-index: 3; }
div.drop-mark { cursor: pointer; background-color: #fff; border: 1px solid #000; padding: 5px; text-align: center; z-index: 3; }
fieldset#timeslot-selection { margin-top: 100px; }
div#timeslot-arrow { background-image: url("../../images/vtnzinternet/timeslot-arrow.png"); background-position: center center; height: 125px; left: 445px; position: absolute; top: 410px; width: 40px; }
div#dropzones { position: relative; z-index: 1; }
div#toolbox-exterior-top-wrapper, div#toolbox-exterior-bottom-wrapper, div#toolbox-interior { position: relative; }
div#toolbox-exterior-top, div#toolbox-exterior-bottom, div#toolbox-interior { position: absolute; z-index: 10; left: 600px; }
div#toolbox-exterior-top div, div#toolbox-exterior-bottom div, div#toolbox-interior div { list-style: none none inside; padding: 0; margin: 0; }
div#toolbox-exterior-top div.mark, div#toolbox-exterior-bottom div.mark, div#toolbox-interior div.mark { padding: 5px; margin: 5px; }
input#marks-exterior-top, input#marks-exterior-bottom, input#marks-interior { width: 800px; display: none; }
div#dropzone-exterior-top, div#dropzone-exterior-bottom, div#dropzone-interior { position: relative; background-color: #eee; height: 320px; width: 600px; z-index: 2; }
div#dropzone-exterior-top { background-image: url(../../images/vtnzinternet/ppi-exterior-top.png); }
div#dropzone-exterior-bottom { background-image: url(../../images/vtnzinternet/ppi-exterior-bottom.png); margin-bottom: 30px; }
div#dropzone-interior { background-image: url(../../images/vtnzinternet/ppi-interior.png); height: 491px; }