/**************************************************************************************************************************/ /* HTMLTag Redefinitions **************************************************************************************************/ /**************************************************************************************************************************/ body { color: #000; background: #939598 url(../images/body_bg.png) repeat-x; } p { line-height: 1.5em; } h1 { font-size: 1.4em; font-weight: bold; color: #333; margin-bottom: 10px; } h2 { font-size: 1.0em; font-weight: normal; color: #333; margin-bottom: 10px; } label { float: left; width: 90px; margin-top: 2px; } .home_box form p { margin-bottom: 2px; margin-top: 2px; padding-top: 0px; } input.txtNormal { float: left; width: 230px; margin-top: 0px; } select.txtNormal { float: left; width: 230px; margin-top: 0px; } input.btnNormal { float: left; width: 156px; } textarea.txtNormal { float: left; width: 230px; height: 200px; margin-top: 0px; } ul.callBackOptions { float: left; margin-top: 5px; } ul.callBackOptions li { float: left; width: 60px; text-align: center; font-size: 0.9em; color: #900; } strong { font-weight: bold; } /**************************************************************************************************************************/ /* Main layout styles *****************************************************************************************************/ /**************************************************************************************************************************/ #main { width: 970px; margin: 0px auto; } #main_inner { float: left; width: 950px; display: inline; background: #FFF url(../images/main_bg.png) no-repeat; padding: 0px 10px; } #vol { float: right; background: #DA113F url(../images/head_vol_bg.gif) no-repeat top left; text-align: right; padding: 5px 12px 4px 18px; font-size: 1.0em; display: inline; font-weight: bold; } /*#dashboard { float: right; background: #DA113F url(../images/dashboard_bg.gif) no-repeat top left; text-align: right; padding: 8px 15px; font-size: 1.1em; }*/ #head { float: left; width: 950px; background: #231F20 url(../images/head_bg.gif) repeat-x; font-size: 1.1em; } #logo { margin: 14px 15px -2px 40px; width: 400px; font-size: 1.1em; } #counter { float: right; display: inline; margin: 11px 11px 0px 0px; color: #FFF; font-size: 0.8em; background: url(../images/counter_bg.gif) no-repeat top left; width: 213px; height: 28px; padding: 7px; } #counter p { float: left; } #flash_counter { float: right; margin: 3px; } #player.home { float: right; margin: -15px 20px 10px 0px; } #splash { float: left; border-bottom: 3px solid #DA113F; width: 950px; height: 275px; background-position:bottom; background-repeat: no-repeat; } #splash h1 { font-weight: normal; font-size: 2.6em; margin: 45px 20px 0px 20px; line-height: 1.2em; color: #555; } #splash h1.internal { margin-top: 95px; } #splash_vol { float: left; width: 400px; display: inline; background: #DA113F url(../images/splash_vol_bg.gif) no-repeat top right; padding: 0px 15px 6px 10px; font-size: 1.2em; margin-top: 50px; } #splash_vol img { float: left; margin-right: 20px; } #splash h2 { font-weight: bold; color: #FFF; font-size: 2.0em; margin-top: 10px; line-height: 1.2em; } #splash p { font-size: 1em; } #content { float: left; width: 950px; padding-top: 18px; background-position: bottom left; background-repeat: no-repeat; background-color: #FFF; } #content input.btnNormal { float: right; width: 100px; font-size: 1em; background-color: #2F2D2E; color: #FFF; display: inline; margin-right: 8px; margin-top: 10px; padding: 1px; border: 0px; } #footer { float: left; width: 950px; background: #1B1919 url(../images/footer_bg.gif) repeat-x; padding-bottom: 3px; } #footer p { font-size: 0.9em; padding: 2px; color: #999; float: left; margin: 3px; } #footer_login_form { float: right; } #footer_login_form input.txtNormal { border: 1px solid #000; width: 100px; margin-right: 10px; font-size: 1.3em; padding: 0px; } #footer_login_form input.btnNormal { width: 50px; font-size: 0.9em; background-color: #212020; color: #fff; border: 0px; } #footer_login_form label { width: 70px; text-align: right; color: #fff; padding-right: 10px; background: url(../images/footer_login_form_label_bg.gif) no-repeat right; margin-top: 0px; } #dashboard { float: right; background: #DA113F url(../images/dashboard_bg.gif) no-repeat top left; text-align: right; padding: 12px 15px 10px 40px; margin-top: 10px; margin-left: 600px; } #dashboard_spacer { float: right; text-align: right; padding: 12px 15px 10px 40px; margin-top: 10px; margin-left: 600px; } /**************************************************************************************************************************/ /* Menu layout styles *****************************************************************************************************/ /**************************************************************************************************************************/ #menu { float: left; display: inline; width: 950px; background: #333 url(../images/menu_bg.gif) repeat-x bottom; border-top: 1px solid #FFF;border-bottom: 1px solid #FFF; } #menu li { float: left; padding: 0px 0px 0px 0px; background: #333 url(../images/menu_li_bg.gif) no-repeat top right; } #menu li.selected { background: #333 url(../images/menu_li_selected_bg.gif) no-repeat top right; } #menu li a { color: #FFF; display:block; margin-right: 10px; text-decoration: none; color: #FFF; padding: 2px 10px; line-height: 30px; } .submenuul { position:absolute; display:none; background-image: none; padding:1px 1px -2px 3px; width: 200px; } #menu li ul li.submenuli { display: block; background:#222 none; background-image: none; padding: 0px 0px 0px 3px; border-bottom: 1px solid #444; border-right: none; } #menu li ul li.submenuli a { display:block; width: 182px; line-height: 20px; padding: 3px; } li:hover ul , li.over ul { display: block; } #menu li>ul { top: auto; left: auto; } /**************************************************************************************************************************/ /* Home box styles ********************************************************************************************************/ /**************************************************************************************************************************/ .home_box { float: left; width: 270px; margin-left: 18px; background: #FFF url(../images/home_box_bg.gif) no-repeat bottom; padding-bottom: 10px; display: inline; } .home_box h2 { background: #111 url(../images/home_box_head_bg.gif) no-repeat top; padding: 8px 12px; color: #FFF; margin-bottom: 0px; font-size: 1.2em; font-weight: bold; } .home_box p { margin: 0px 3px; padding: 10px 10px; background: #E6DECA; } .home_box p.alt, .home_listen_box_small p.alt { background: #F2EDE1; } form p, form p.alt { padding-bottom: 0px; } .home_box p a.btn, .home_listen_box_small p a.btn { background: url(../images/btn_p_left_bg.gif) left no-repeat; float: right; display: inline; margin-right: 8px; margin-top: 5px; } .home_box p a.btn span, .home_listen_box_small p a.btn span { background: url(../images/btn_p_right_bg.gif) right no-repeat; padding: 6px 10px 8px 0px; margin-left: 10px; float: left; cursor:pointer; } .large { width: 335px; background: #FFF url(../images/home_box_large_bg.gif) no-repeat bottom; } .large h2 { background: #111 url(../images/home_box_large_head_bg.gif) no-repeat top; } .home_listen_box_small { float: left; width: 336px; margin-left: 18px; margin-bottom: 18px; background: #FFF url(../images/home_listen_box_bg_2.gif) no-repeat bottom left; display: inline; } .home_listen_box_small h2 { background: #C80038 url(../images/home_listen_box_head_bg_2.gif) no-repeat top left; padding: 6px 12px 8px 15px; color: #FFF; margin-bottom: 0px; font-size: 1.4em; height:14px; } .home_listen_box_small h3 { margin: 8px 30px 7px 15px; font-size: 1.1em; font-weight: bold; } .home_listen_box_small p { margin: 0px 20px 15px 15px; font-size: 0.9em; } .home_listen_box { float: left; width: 558px; margin-left: 18px; margin-bottom: 18px; background: #FFF url(../images/home_listen_box_bg.gif) no-repeat bottom left; display: inline; } .home_listen_box h2 { background: #C80038 url(../images/home_listen_box_head_bg.gif) no-repeat top; padding: 6px 12px 8px 62px; color: #FFF; margin-bottom: 0px; font-size: 1.4em; } .home_listen_box h3 { margin: 8px 30px 10px 30px; font-size: 1.7em; font-weight: bold; } .home_listen_box p { margin: 0px 20px 15px 30px; font-size: 1.2em; } .home_box ul.prices { margin: 10px; } .home_box ul.prices li { background: #E6DECA; display: block; width: 250px; line-height: 2.0em; margin-top: 0px; padding-top: 0px; clear: both; } .home_box ul.prices li.alt { background: #F2EDE1; } .home_box ul.prices li label { width: 170px; float: left; padding: 0px 0px 0px 5px; } /**************************************************************************************************************************/ /* Internal styles ********************************************************************************************************/ /**************************************************************************************************************************/ .action_box { float: left; width: 260px; background: #FFF url(../images/action_box_bg.gif) no-repeat bottom left; display: inline; margin-top: 20px; } .action_box.listen { background: #FFF url(../images/action_box_listen_bg.gif) no-repeat bottom left; } .top { margin-top: 0px; margin-bottom: 20px; } .action_box h2 { background: #C80038 url(../images/action_box_head_bg.gif) no-repeat top; padding: 6px 12px 8px 12px; color: #FFF; margin-bottom: 0px; font-size: 1.4em; } .action_box h3 { font-size: 3.0em; text-align: center; font-weight: bold; margin-bottom: 10px; } .action_box p { margin: 10px 12px 10px 12px; } .action_box.listen p { margin: 10px 12px 10px 12px; } .action_box #player { margin: 0px 0px 10px 115px; } .smaller { font-size: smaller; padding-left: 10px; } .text { float: left; width: 580px; margin: 0px 30px; } .middle { text-align: center; } .reqstar { color: #E6003C; } .col { float: left; width: 260px; margin-left: 30px; margin-top: 35px; } .wide { width: 550px; } .col p { margin-bottom: 10px; } div.internal { float: left; width: 300px; padding: 0px 18px; line-height: 1.8em; font-size: 1.1em; } div.internal h2 { font-size: 1.5em; color: #DA113F; } div.internal p { margin-bottom: 10px; } .first, div.internal h3 { font-size: 1.2em; margin-bottom: 10px; } div.internal h3 { font-weight:bold; } .col ul li { list-style-type: disc; line-height: 1.5em; list-style-position: inside; } .col ul { margin-bottom: 10px; padding-left: 5px; } .col h3 { color: #DA113F; font-weight: bold; margin-bottom: 0px; font-size: 1.0em; } .col .action_box h3 { color: #000; font-size: 2.3em; margin-bottom: 15px; } .map_icon { float: left; margin-right: 10px; width: 42px; } /**************************************************************************************************************************/ a:link { color: #DA113F; text-decoration: none; } a:visited { color: #DA113F; text-decoration: none; } a:hover { color: #DA113F; text-decoration: underline; } a:active { color: #DA113F; text-decoration: none; } a.btn:link { color: #FFF; text-decoration: none; } a.btn:visited { color: #FFF; text-decoration: none; } a.btn:hover { color: #DA113F; text-decoration: none; } a.btn:active { color: #FFF; text-decoration: none; } #menu li a:link { color: #FFF; text-decoration: none; } #menu li a:visited { color: #FFF; text-decoration: none; } #menu li a:hover { color: #DA113F; text-decoration: none; } #menu li a:active { color: #FFF; text-decoration: none; } #menu li.selected a:link { color: #FFF; text-decoration: none; } #menu li.selected a:visited { color: #FFF; text-decoration: none; } #menu li.selected a:hover { color: #FFF; text-decoration: none; } #menu li.selected a:active { color: #FFF; text-decoration: none; } #menu li.selected ul li a:hover { color: #DA113F; text-decoration: none; } .col a:link { color: #DA113F; text-decoration: none; } .col a:visited { color: #DA113F; text-decoration: none; } .col a:hover { color: #DA113F; text-decoration: none; } .col a:active { color: #DA113F; text-decoration: none; } #footer a:link { color: #999; text-decoration: none; } #footer a:visited { color: #999; text-decoration: none; } #footer a:hover { color: #DA113F; text-decoration: none; } #footer a:active { color: #999; text-decoration: none; } #head a:link { color: #FFF; text-decoration: none; } #head a:visited { color: #FFF; text-decoration: none; } #head a:hover { color: #FFF; text-decoration: none; } #head a:active { color: #FFF; text-decoration: none; } #splash_vol a:link { color: #FFF; text-decoration: none; } #splash_vol a:visited { color: #FFF; text-decoration: none; } #splash_vol a:hover { color: #FFF; text-decoration: underline; } #splash_vol a:active { color: #FFF; text-decoration: none; } #splash_vol h2 a:hover { color: #FFF; text-decoration: none; } #dashboard a:link { color: #FFF; text-decoration: none; } #dashboard a:visited { color: #FFF; text-decoration: none; } #dashboard a:hover { color: #FFF; text-decoration: none; } #dashboard a:active { color: #FFF; text-decoration: none; }