/* Band-in-a-Box pages - www.band-in-a-box.com ----------------------------------*/ #nav_main { margin: 7px 0px 0px 0px; height: 44px; background: url('http://www.pgmusic.com/css/gfx/bg_nav.png') repeat-x top left; border-top: 1px solid #cbd5da; border-left: 1px solid #cbd5da; border-right: 1px solid #cbd5da; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; box-shadow: rgba(0,0,0,.3) 1px 1px 3px; overflow:hidden; } #nav_main ul li a { display: table-cell; vertical-align: middle; height: 44px; width: 104px; text-align: center; font-size: 12px; font-weight: bold; text-shadow: 1px 1px 1px rgba(255,255,255, 1); /* ie vertical align hack */ #position: absolute; #top: 50%; } #nav_main ul li:first-child a { padding-right: 0; } #nav_main ul li:hover { background: url('http://www.pgmusic.com/css/gfx/bg_nav_hover.png') repeat-x top left; } /*nav_main - 7 buttons (overrides styles.general.css)*/ #nav_main ul.seven-buttons li:first-child a {width:120px} #nav_main ul.seven-buttons li a, #nav_main ul.seven-buttons li#bbwin a, #nav_main ul.seven-buttons li#bbmac a {width:117px} #nav_main ul.seven-buttons li.last a {width:122px} /*nav_main - 6 buttons (overrides styles.general.css)*/ #nav_main ul.six-buttons li:first-child a {width:156px} #nav_main ul.six-buttons li a, #nav_main ul.six-buttons li#bbwin a, #nav_main ul.six-buttons li#bbmac a {width:159px} #nav_main ul.six-buttons li.last a {width:156px} /*nav_main - 5 buttons (overrides styles.general.css)*/ #nav_main ul.five-buttons li:first-child a, #nav_main ul.five-buttons li a, #nav_main ul.five-buttons li#bbwin a, #nav_main ul.five-buttons li#bbmac a, #nav_main ul.five-buttons li.last a {width:190px} /*main content area of index.html*/ #banner_main {overflow: hidden; position: relative; height: 625px; margin: 8px 0px 3px 0px; background: #ffffff; cursor: auto; width:960px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,.2) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,.2) 1px 1px 3px; box-shadow: rgba(0,0,0,.2) 1px 1px 3px;} #banner_main .button_big {cursor: pointer; margin-top:12px;} #banner_main .content {left: 396px; position: absolute; top: 20px; width: 536px} #banner_main .content .title {font-weight: bold; font-size: 24px; text-shadow: 1px 1px 1px rgba(0,0,0, .3)} #banner_main .content .title .sub{font-size: 70%;} #banner_main .desc {margin: 22px 0px 22px 0px; font-weight: normal; font-size: 15px; line-height:22px;} #banner_main .desc p {margin-bottom: 14px;} #banner_main .desc a {color: #004fc3;} #banner_main .desc a:hover {color: #ff0000;} /*livehelp blocks - international - overrides styles.blocks.content*/ .block .livehelp-fr {height: 222px; background: url(../images/block_livehelp_fr.jpg) no-repeat bottom left;} .block .livehelp-da {height: 222px; background: url(../images/block_livehelp_da.jpg) no-repeat bottom left;} .block .livehelp-de {height: 222px; background: url(../images/block_livehelp_de.jpg) no-repeat bottom left;} .block .livehelp-es {height: 222px; background: url(../images/block_livehelp_es.jpg) no-repeat bottom left;} .block .livehelp-it {height: 222px; background: url(../images/block_livehelp_it.jpg) no-repeat bottom left;} .block .livehelp-ko {height: 222px; background: url(../images/block_livehelp_ko.jpg) no-repeat bottom left;} .block .livehelp-nl {height: 222px; background: url(../images/block_livehelp_nl.jpg) no-repeat bottom left;} .block .livehelp-pl {height: 222px; background: url(../images/block_livehelp_pl.jpg) no-repeat bottom left;} .block .livehelp-pt {height: 222px; background: url(../images/block_livehelp_pt.jpg) no-repeat bottom left;} .block .livehelp-ru {height: 222px; background: url(../images/block_livehelp_ru.jpg) no-repeat bottom left;} .block .livehelp-sv {height: 222px; background: url(../images/block_livehelp_sv.jpg) no-repeat bottom left;} .block .livehelp-zh1 {height: 222px; background: url(../images/block_livehelp_zh1.jpg) no-repeat bottom left;} .block .livehelp-zh2 {height: 222px; background: url(../images/block_livehelp_zh2.jpg) no-repeat bottom left;} /*money back guarantee blocks - international - overrides styles.blocks.content*/ .block .moneyback {position: relative; height: 222px; cursor: default; height: 222px} .block .moneyback .desc {top: 156px} .block .moneyback-fr {background: url(../images/block_30day_fr.jpg) no-repeat top left;} .block .moneyback-da {background: url(../images/block_30day_da.jpg) no-repeat top left;} .block .moneyback-de {background: url(../images/block_30day_de.jpg) no-repeat top left;} .block .moneyback-es {background: url(../images/block_30day_es.jpg) no-repeat top left;} .block .moneyback-it {background: url(../images/block_30day_it.jpg) no-repeat top left;} .block .moneyback-ko {background: url(../images/block_30day_ko.jpg) no-repeat top left;} .block .moneyback-nl {background: url(../images/block_30day_nl.jpg) no-repeat top left;} .block .moneyback-pl {background: url(../images/block_30day_pl.jpg) no-repeat top left;} .block .moneyback-pt {background: url(../images/block_30day_pt.jpg) no-repeat top left;} .block .moneyback-ru {background: url(../images/block_30day_ru.jpg) no-repeat top left;} .block .moneyback-sv {background: url(../images/block_30day_sv.jpg) no-repeat top left;} .block .moneyback-zh1 {background: url(../images/block_30day_zh1.jpg) no-repeat top left;} .block .moneyback-zh2 {background: url(../images/block_30day_zh2.jpg) no-repeat top left;} /*Image Rotator*/ #noRotate {position:absolute;top: 35px;left: 14px} #rotate1 {position: absolute;top: 35px;left: 14px;} #rotate2 {position: absolute;top: 88px;left: 40px;} #rotate2 {display: none;} #rotate3 {position: absolute;top: 12px;left: 55px;} #rotate3 {display: none;} /*About page - Peter Gannon pic*/ #peterpic {float:left; margin:5px 30px 40px 10px; display:block; border:thin solid black} /*Contact page*/ .contact-leftcol {float:left; width:40%} .contact-rightcol {float:right; width:50%} /*packages page - DVD/DL/HD images*/ .dvd_fr {background:url("../images/pkgdvd_fr.png") no-repeat top center} .dvd-dl_fr {background:url("../images/pkgdvd-dl_fr.png") no-repeat top center} .cd_fr {background: url("../images/pkgcd_fr.png") no-repeat top center} .hd_fr {background:url("../images/pkghd_fr.png") no-repeat top center} .hd-dl_fr {background:url("../images/pkghd-dl_fr.png") no-repeat top center} /*da*/ .dvd_da {background:url("../images/pkgdvd_da.png") no-repeat top center} .dvd-dl_da {background:url("../images/pkgdvd-dl_da.png") no-repeat top center} .cd_da {background: url("../images/pkgcd_da.png") no-repeat top center} .hd_da {background:url("../images/pkghd_da.png") no-repeat top center} .hd-dl_da {background:url("../images/pkghd-dl_da.png") no-repeat top center} /*de*/ .dvd_de {background:url("../images/pkgdvd_de.png") no-repeat top center} .dvd-dl_de {background:url("../images/pkgdvd-dl_de.png") no-repeat top center} .cd_de {background: url("../images/pkgcd_de.png") no-repeat top center} .hd_de {background:url("../images/pkghd_de.png") no-repeat top center} .hd-dl_de {background:url("../images/pkghd-dl_de.png") no-repeat top center} /*es*/ .dvd_es {background:url("../images/pkgdvd_es.png") no-repeat top center} .dvd-dl_es {background:url("../images/pkgdvd-dl_es.png") no-repeat top center} .cd_es {background: url("../images/pkgcd_es.png") no-repeat top center} .hd_es {background:url("../images/pkghd_es.png") no-repeat top center} .hd-dl_es {background:url("../images/pkghd-dl_es.png") no-repeat top center} /*it*/ .dvd_it {background:url("../images/pkgdvd_it.png") no-repeat top center} .dvd-dl_it {background:url("../images/pkgdvd-dl_it.png") no-repeat top center} .cd_it {background: url("../images/pkgcd_it.png") no-repeat top center} .hd_it {background:url("../images/pkghd_it.png") no-repeat top center} .hd-dl_it {background:url("../images/pkghd-dl_it.png") no-repeat top center} /*ko*/ .dvd_ko {background:url("../images/pkgdvd_ko.png") no-repeat top center} .dvd-dl_ko {background:url("../images/pkgdvd-dl_ko.png") no-repeat top center} .cd_ko {background: url("../images/pkgcd_ko.png") no-repeat top center} .hd_ko {background:url("../images/pkghd_ko.png") no-repeat top center} .hd-dl_ko {background:url("../images/pkghd-dl_ko.png") no-repeat top center} /*nl*/ .dvd_nl {background:url("../images/pkgdvd_nl.png") no-repeat top center} .dvd-dl_nl {background:url("../images/pkgdvd-dl_nl.png") no-repeat top center} .cd_nl {background: url("../images/pkgcd_nl.png") no-repeat top center} .hd_nl {background:url("../images/pkghd_nl.png") no-repeat top center} .hd-dl_nl {background:url("../images/pkghd-dl_nl.png") no-repeat top center} /*pl*/ .dvd_pl {background:url("../images/pkgdvd_pl.png") no-repeat top center} .dvd-dl_pl {background:url("../images/pkgdvd-dl_pl.png") no-repeat top center} .cd_pl {background: url("../images/pkgcd_pl.png") no-repeat top center} .hd_pl {background:url("../images/pkghd_pl.png") no-repeat top center} .hd-dl_pl {background:url("../images/pkghd-dl_pl.png") no-repeat top center} /*pt*/ .dvd_pt {background:url("../images/pkgdvd_pt.png") no-repeat top center} .dvd-dl_pt {background:url("../images/pkgdvd-dl_pt.png") no-repeat top center} .cd_pt {background: url("../images/pkgcd_pt.png") no-repeat top center} .hd_pt {background:url("../images/pkghd_pt.png") no-repeat top center} .hd-dl_pt {background:url("../images/pkghd-dl_pt.png") no-repeat top center} /*ru*/ .dvd_ru {background:url("../images/pkgdvd_ru.png") no-repeat top center} .dvd-dl_ru {background:url("../images/pkgdvd-dl_ru.png") no-repeat top center} .cd_ru {background: url("../images/pkgcd_ru.png") no-repeat top center} .hd_ru {background:url("../images/pkghd_ru.png") no-repeat top center} .hd-dl_ru {background:url("../images/pkghd-dl_ru.png") no-repeat top center} /*sv*/ .dvd_sv {background:url("../images/pkgdvd_sv.png") no-repeat top center} .dvd-dl_sv {background:url("../images/pkgdvd-dl_sv.png") no-repeat top center} .cd_sv {background: url("../images/pkgcd_sv.png") no-repeat top center} .hd_sv {background:url("../images/pkghd_sv.png") no-repeat top center} .hd-dl_sv {background:url("../images/pkghd-dl_sv.png") no-repeat top center} /*zh1*/ .dvd_zh1 {background:url("../images/pkgdvd_zh1.png") no-repeat top center} .dvd-dl_zh1 {background:url("../images/pkgdvd-dl_zh1.png") no-repeat top center} .cd_zh1 {background: url("../images/pkgcd_zh1.png") no-repeat top center} .hd_zh1 {background:url("../images/pkghd_zh1.png") no-repeat top center} .hd-dl_zh1 {background:url("../images/pkghd-dl_zh1.png") no-repeat top center} /*zh2*/ .dvd_zh2 {background:url("../images/pkgdvd_zh2.png") no-repeat top center} .dvd-dl_zh2 {background:url("../images/pkgdvd-dl_zh2.png") no-repeat top center} .cd_zh2 {background: url("../images/pkgcd_zh2.png") no-repeat top center} .hd_zh2 {background:url("../images/pkghd_zh2.png") no-repeat top center} .hd-dl_zh2 {background:url("../images/pkghd-dl_zh2.png") no-repeat top center} /*overflow:inherit prevents the chart popups from disappearing under the body*/ .packages .rowBlock {overflow: inherit} p.red {color:red} p.center {text-align:center} h2.large img {margin: -12px 2px;} .text ol {margin-left:44px; padding-left:4px} .text ol li {padding-left:4px} /*Lists*/ ul.winlist li {background: url("gfx/listbullet_blue.png") no-repeat 5px 5px; padding-left: 20px; padding-right:10px; list-style:none; margin:0 0 14px 12px} ul.maclist li {background: url("gfx/listbullet_red.png") no-repeat 5px 5px; padding-left: 20px; padding-right:10px; list-style:none; margin:0 0 14px 12px} ul.genlist li {background: url("gfx/listbullet_grey.png") no-repeat 5px 5px; padding-left: 20px; padding-right:10px; list-style:none; margin:0 0 14px 12px} ul.compact li {margin-bottom:6px} ul.no-indent li {margin-left:0px} /*feature descriptions and images*/ .feature-img-right {width:324px;float:right;margin: 18px 0px 0px 60px;display:block} .features .feature-img-right {margin: 18px 0px 20px 60px;} .feature-img-left-wide {width:390px;float:left;display:block;clear:right } .feature-img-left-narrow {width:230px;float:left;display:block;clear:right } .feature-desc-right-wide {width:680px;float:left;} .feature-desc-right-narrow {width:520px;float:left;} /*a little better spacing for the requirements page*/ .requirements .text ul li {margin-bottom: 10px} .requirements .text ul li ul li {margin: 4px 16px} .requirements .text img.boxshot {margin: 46px 10px 0 80px} /*misc*/ .new .button_big {margin: 10px 0 30px 3px} .new .importantbox {-moz-box-shadow: 2px 2px 2px #444444; background-color: #F3F6F7; border: 1px solid #000000; padding: 1em; font-size:80%; line-height:18px} .new h2.new-yellow {background: url("../gfx/yellow-burst-new.png") no-repeat scroll 4px 0 transparent;height: 39px;margin: 3px 2px -14px 0;padding: 0 0 8px 87px;} /*Below may be used, depending on what final layout is... ---------------------------------- .packages .rowBlock, .rowBlockTabs {width: 960px; margin: 0 0 12px 0; overflow: inherit; background: #ffffff;z-index:20; position:relative; border-top: 1px solid #d9dcdd; -moz-border-radius: 0px 4px 4px 4px; -webkit-border-radius: 0px 4px 4px 4px; border-radius: 0px 4px 4px 4px; -webkit-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; -moz-box-shadow: rgba(0,0,0,.3) 1px 1px 3px; box-shadow: rgba(0,0,0,.3) 1px 1px 3px;} ul.pkg-contents li, ul.pkg-contents-wide li {background: url("gfx/listbullet_blue.png") no-repeat 5px 5px; padding-left: 20px; padding-right:10px; list-style:none; margin:0 0 14px 12px;width:405px;} ul.pkg-contents-wide li {width:auto;} .packages .pluspak-desc {font-size:14px;margin: 9px 0 14px 32px;line-height:19px;width:468px;} .packages .new-rtlist {float:left;}*/ .leavingpop { display:table-cell; vertical-align:middle }