* {
padding: 0;
margin: 0;
}
html, body {
height: 100%;
}
body {
font-family: "lucida sans", arial, sans-serif;
font-size: 0.8em;
background-color: #0e0e10;
}
.bg_strip {
background-image: url('images/bg_strip.jpg');
background-repeat: repeat-x;
background-color: #13161B;
}
h2.header_desc {
color: #AAAAAA;
font-family: verdana;
font-size: 7px;
margin: 0;
text-align: center;
text-decoration: none;
}
.wrapper {
max-width: 1510px;
margin: 0 auto;
background: url(images/side_bg_left.jpg) no-repeat 0 0, /* For CSS3 Browsers */
url(images/side_bg_right.jpg) no-repeat 100% 0;
}
div#page {
background-color: #FFF;
width: 900px;
margin: 0 auto;
}
div#page div.header {
height: 100px;
clear: both;
position: relative;
}
div#page #main {
clear: both;
}
/* Logo */
div#page div.header img#logo {
float: left;
margin-left: 10px;
border: 0;
}
div#page div.header #slogen_flash {
margin-top: 40px;
margin-left: 50px;
float: left;
Color: #878787;
}
div#page div.header .menu {
width: 700px;
}
/* Menu */
div#page .menu {
position: relative;
height: 25px;
clear: left;
margin: 10px 0 0px 20px;
Color: #878787;
}
div#page .menu a {
Color: #878787;
text-decoration: none;
}
div#page .menu a img {
display: inline;
float: none;
}
#header div.menu_bar ul.menu {
font-family: Arial;
list-style:none;
font-weight:bold;
margin-bottom:0px;
/* Clear floats */
float:left;
width:700;
z-index: 5;
}
#header div.menu_bar ul.menu li{
float:left;
margin-right:2px;
position:relative;
}
.header a {
display:block;
text-decoration:none;
position: relative;
Color: #878787;
}
#header div.menu_bar ul.menu a:hover {
text-decoration:none;
}
#header div.menu_bar ul.menu a span.right-top,
#header div.menu_bar ul.menu a span.left-top {
height: 25px;
width: 6px;
display: inline-block;
background-repeat: no-repeat;
float: left;
}
#header div.menu_bar ul.menu a span.right-top {
background-image: url('images/menu/menu_dropdown_white_edge_end.png');
}
#header div.menu_bar ul.menu a span.left-top {
background-image: url('images/menu/menu_dropdown_white_edge.png');
}
#header div.menu_bar ul.menu a span.link {
float: left;
vertical-align: top;
height: 20px;
width: auto;
padding-top: 5px;
display: inline-block;
background-repeat: repeat-x;
top: 0;
background-image: url('images/menu/menu_dropdown_white_body.png');
}
#header div.menu_bar ul.menu a:hover span.right-top {
background-image: url('images/menu/menu_dropdown_blue_edge_end.png');
}
#header div.menu_bar ul.menu a:hover span.left-top {
background-image: url('images/menu/menu_dropdown_blue_edge.png');
}
#header div.menu_bar ul.menu a:hover span.link {
background-image: url('images/menu/menu_dropdown_blue_body.png');
}
/*--- DROPDOWN ---*/
div#page div.header div.menu_bar ul.menu ul {
min-width: 65px;
width: auto;
position:absolute;
margin: 0;
}
#header div.menu_bar ul.menu ul {
z-index: 6;
background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
list-style:none;
position:absolute;
top: 25px;
left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#header div.menu_bar ul.menu ul li{
/* Introducing a padding between the li and the a give the illusion spaced items */
float:none;
margin: 0;
}
#header div.menu_bar ul.menu ul li:hover a {
background-image: url('images/menu/menu_dropdown_boxes_blue_body.png');
}
#header div.menu_bar ul.menu ul a{
white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
background-image: url('images/menu/menu_dropdown_boxes_white_body.png');
height: 18px;
padding: 5px;
padding-bottom: 0px;
}
#header div.menu_bar ul.menu li:hover ul{ /* Display the dropdown on hover */
left:0; /* Bring back on-screen when needed */
}
#header div.menu_bar ul.menu ul li.last a {
margin: 0 5px 0 5px;
padding-left: 0;
padding-right: 0;
}
#header div.menu_bar ul.menu ul li.last a span.left-round,
#header div.menu_bar ul.menu ul li.last a span.right-round
{
position: absolute;
top: 0;
width: 5px;
height: 23px;
display: block;
}
#header div.menu_bar ul.menu ul li.last a span.left-round{
left: -5px;
background-image: url('images/menu/menu_dropdown_boxes_white_edge.png');
}
#header div.menu_bar ul.menu ul li.last a span.right-round {
right: -5px;
background-image: url('images/menu/menu_dropdown_boxes_white_edge_end.png');
}
#header div.menu_bar ul.menu ul li:hover.last a span.left-round{
background-image: url('images/menu/menu_dropdown_boxes_blue_edge.png');
}
#header div.menu_bar ul.menu ul li:hover.last a span.right-round {
background-image: url('images/menu/menu_dropdown_boxes_blue_edge_end.png');
}
/* Facebook button */
div#page div.header a.facebook_button {
position: absolute;
bottom: -10px;
right: 105px;
display: inline-block;
background-image: url('images/facebook.png');
background-repeat: no-repeat;
text-align: left;
Color: #30526e;
height: 21px;
width: 21px;
float: right;
text-decoration: none;
}
div#page div.header a.facebook_button:hover {
background-image: url('images/facebook_hover.png');
}
/* Languages Menu */
div#page div.header div#langs_Menu {
position: absolute;
right: 0;
bottom: -10px;
Color: #878787;
background-image: url('images/languages.0001.png');
width: 100px;
height: 22px;
display: block;
list-style: none;
padding: 0;
margin-left: 10px;
z-index: 3;
cursor: pointer;
font-weight: bold;
font-family: "trebuchet ms", Arial;
}
div#page div.header div#langs_Menu:hover {
background-image: url('images/languages.0004.png');
}
div#page div.header div#langs_Menu span#langs_Label {
height: 19px;
display: block;
width: 92px;
padding: 3px 0 0 6px;
text-align: left;
}
div#page div.header div#langs_Menu span#langs_Label img,
div#page div.header div#langs_list a img {
position: absolute;
right: 2px;
}
div#page div.header div#langs_Menu div#langs_list {
display: none;
list-style: none;
position: absolute;
left: 0;
top: 20px;
padding: 0;
margin-left: 0px;
z-index:1000;
}
div#page div.header div#langs_list a img {
border: 0;
}
div#page div.header div#langs_list a {
position: relative;
display: block;
clear: both;
background-image: url('images/languages.0002.png');
background-repeat: no-repeat;
background-color: #FFFFFF;
width: 94px;
height: 16px;
padding: 3px;
margin: 0;
text-align: left;
z-index:1000;
}
div#page div.header div#langs_list a.last {
background-image: url('images/languages.0003.png');
}
div#page div.header div#langs_Menu:hover div#langs_list {
display: inline-block;
}
div#page div.header div#langs_list a:hover {
background-image: url('images/languages.0005.png');
text-decoration: none;
}
div#page div.header div#langs_list a.last:hover {
background-image: url('images/languages.0006.png');
}
/* page */
div#flash_banner {
position:relative;
z-index: 0;
}
#main_flash {
z-index: 0;
}
div#page div.footer {
z-index: 2;
}
div#page div.footer .menu p {
margin-top: 10px;
vertical-align: bottom;
height: 30px;
dispaly: inline-block;
float: left;
}
div#page div.footer .menu {
margin: 0 0 0 20px;
margin-top: 0;
height: 30px;
vertical-align: middle;
clear: both;
}
* html #page_wrapper {
}
div.footer#page_footer {
background-color: #0e0e10;
Color: #FFF;
}
div.footer div.small_text p,
div.footer p.small_text {
width: 900px;
margin: 0 auto;
padding: 10px 0;
font-size: 0.85em;
text-align: left;
Color: #4f4f4f;
}
div.footer .small_text strong {
Color: #6A6A6A;
}
/* Content */
div#content {
background-repeat: no-repeat;
min-height: 180px;
width: 860;
position: relative;
border-top: 2px solid #D4D4D4;
padding: 100px 20px 20px 20px;
}
body div#content {
background-image: url('images/page_headers/blue.jpg');
}
body.section-promotions div#content {
background-image: url('images/page_headers/promotions.jpg');
}
body.section-vip div#content {
background-image: url('images/page_headers/vip.jpg');
}
body.section-contact div#content {
background-image: url('images/page_headers/contact_header.jpg');
padding-left: 250px;
min-height: 584px;
}
body.section-contact div#content #page-title {
display: none;
}
body.section-contact div#content strong {
font-size: 16px;
}
body.section-contact div#content p {
margin-bottom: 50px;
}
body.section-contact div#content div#sidebar-navigation {
display: none;
}
div#content div#page-content {
display: inline-block;
}
div#content h2 {
font-size: 1.3em;
Color: #1f335a;
margin-bottom: 15px;
margin-top: 15px;
}
div#content #play_now_flash {
position: absolute;
top: 20px;
right: 10px;
}
div#content p {
margin-bottom: 10px;
}
div#content h1 {
font-size: 2em;
Color: #1f335a;
margin-bottom: 15px;
}
div#content h2 span,
div#content h1 span {
Color: #f24604;
}
div#content ul.empty_bullet {
padding-left: 15px;
}
div#content div#content_wrapper {
width: 740px;
margin: auto;
}
div#content ul, div#content ol {
margin-left: 20px;
margin-bottom: 15px;
}
div#content #page-content img {
display: inline-block;
margin: 10px;
}
div#content #page-content table {
margin: 15px 0;
}
div#content table th,
div#content table td {
padding: 5px;
padding-right: 0;
}
div#content table tr {
border-bottom: 1px solid #CFCFCF;
}
div#content #page-content table img {
margin: 0;
}
/* promotions */
body.section-promotions div#content div.item {
clear: both;
margin-bottom: 20px;
height: 146px;
width: 860px;
position: relative;
}
body.section-promotions div#content #page-content div.item img {
margin: 0;
width: 225px;
height: 146px;
}
body.section-promotions div#content #page-content div.item .field-name-field-image-banner {
margin: 0;
float: left;
margin-right: 10px;
width: 225px;
height: 100%;
position: relative;
}
body.section-promotions div#content div.item p {
height: 90px;
}
body.section-promotions div#content div.item a {
font-weight: bold;
Color: black;
text-decoration: none;
}
body.section-promotions div#content div.item .more_links {
position: absolute;
bottom:0px;
left: 235px;
margin:0;
}
body.section-promotions div#content .item h2 a {
font-size: 1em;
Color: #1f335a;
}
body.section-promotions div#content div.item h2 {
margin-bottom: 5px;
margin-top: 0;
}
body.section-promotions div#content div.item a:hover {
text-decoration: underline;
}
body.section-promotions div#content div.item a.terms {
Color: #3890d9;
}
/* Questions and Answers */
.qa_item h3 {
font-size: 1em;
cursor: pointer;
}
.qa_item h3 a {
Color: blue;
}
.qa_item .qa_answer {
display: none;
background-color: #D4D4D4;
padding: 10px;
margin-top: 10px;
}
div#content .qa_item .qa_answer p ,
div#content .qa_item .qa_answer div {
margin: 0;
}
.item-list ul {
margin-top: 10px;
}
/* */
div#content .contact {
margin-left: 200px;
}
div#content form label {
height: 25px;
display: block;
vertical-align: top;
clear: both;
}
div#content form label.option {
clear: none;
display: inline-block;
margin-left: 15px;
}
div#content form input,
div#content form textarea,
div#content form select {
}
div#content form input.img_btn {
width: 66px;
margin-right: 20px;
}
div#content form p.formfield {
vertical-align: top;
}
.hidden {
display: none;
}
/* Sidebar */
div#content div#sidebar-navigation {
width: 225px;
margin-right: 20px;
display: inline-block;
vertical-align: top;
Color: #FFFFFF;
}
div#content div#sidebar-navigation a {
Color: #FFFFFF;
text-decoration: none;
display: inline-block;
}
div#content div#sidebar-navigation li a {
width: 100%;
}
div#content div#sidebar-navigation ul {
padding: 0;
margin: 0;
list-style: none;
background: none;
background-color: #508DA5;
padding-top: 10px;
height: auto;
}
div#content div#sidebar-navigation ul ul {
padding: 0;
}
div#content div#sidebar-navigation ul ul li {
padding-left: 10px;
}
div#content div#sidebar-navigation ul li {
background-color: #508DA5;
margin: 0;
padding: 5px 0 0 20px;
vertical-align: middle;
margin-top: 3px;
}
div#content div#sidebar-navigation ul li.active {
background-image: url('images/menu/sub_menu_pointer.png');
background-repeat: no-repeat;
background-position: left top;
}
div#content div#sidebar-navigation ul a.active {
font-weight: bolder;
}
div#content div {
margin-bottom: 15px;
}
div#content div#sidebar-navigation img {
margin-bottom: 15px;
}
div#sidebar-navigation span.bottom-border {
background-image: url('images/menu/sub_menu_bottom.png');
height: 10px;
width: 225px;
display: block;
}
div#sidebar-navigation h2 {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
background-image: url('images/menu/sub_menu_title_bkg.png');
min-height: 20px;
margin: 0;
Color: #FFFFFF;
}
/* Footer */
div#page #footer {
height: 90px;
}
body.not-front #footer {
border-top: 10px solid #ACB4C1;
}
div#page #footer .menu {
font-size: 0.93em;
font-weight:normal;
width: 800px;
list-style: none;
height: auto;
}
div#page #footer .menu li {
float: left;
margin-right:2px;
}
div#page #footer .menu a {
display: inline;
}
div#page #footer .menu a:hover {
text-decoration: underline;
}
#content ul.tabs {
border: 1px dashed #D4D4D4;
list-style: none;
margin: 20px 0 0 0;
padding: 0;
}
#content ul.tabs li {
margin: 0;
padding: 0;
}
body.page-taxonomy h1#page-title {
display: none;
}
table.views-table {
width: 100%;
}
table td {
/* vertical-align: top; */
padding: 0;
margin: 0;
}
/* Landing page specific */
body.node-type-landing-page {
background-color: #ffffff;
}
body.bkg-website-bkg-image, body.page-node-253, body.page-node-254 {
background: url("images/back.gif") repeat scroll 0 0 #000000;
}
body.node-type-landing-page div {
text-align: center;
margin: auto;
}
body.node-type-landing-page table,
body.node-type-landing-page table td,
body.node-type-landing-page table tr {
border-collapse: separate;
border-spacing: 0;
border: 0;
padding: 0;
margin: 0;
}
body.node-type-landing-page table {
margin: auto;
}
body.node-type-landing-page table td img {
padding: 0;
border: 0;
margin: 0;
display: block;
}