@charset "utf-8";
/* CSS Document */

html, body {
margin: 0;
width: 100%;
height: 100%;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #333333;
overflow: auto;
background-color:#FFFFFF;
}

#loading {
position:absolute; 
top:50%;
width:100%;
margin-top:-25px;
text-align:center;
}
#loading img {
}

h1, h2, h3, h4 {
margin:0;
padding:0;
}

a, a:hover {
text-decoration:none;
}

#hole {
width:100%;
height:100%;
overflow:hidden;
}
#wrapper {
float:left;
clear:none;
width:10494px;
height:100%;
margin-left:0px;
font-size:0.8125em;
line-height:1.3846em;
}

h4 {
font-size:1.0769em;

}

p {
margin:0 0 10px 0;
}

#home_page, #about_us_page, #products_page, #loudandlola_page, #press_page, #latest_news_page, #gallery_page, #investors_page, #jobs_page, #contacts_page, #contacts_thanks_page  {
float:left;
clear:none;
width:954px;
height:100%;
}

div.copy {
height:420px;
padding-left:215px;
/*margin-top:24px;*/
background:#FFFFFF url(../_img/copy_bg.gif) repeat-y top right;
}

div.left, div.right {
margin-top:52px;
float:left;
width:320px;
}

div.right {
width:318px;
margin:105px 0 0 47px;
}

#home_page div.left {
margin-top:18px;
}

#nav_filter {
height:420px;
}

#navigation {
width:191px;
position:absolute;
top:24px;
background:url(../_img/nav_bg.gif) repeat-y;
height:420px;
z-index:999;
}
#navigation h1 {
color:#ffffff;
}

#nav_oh a {
display:block;
width:191px;
height:108px;
background:url(../_img/oh2.png) no-repeat;
}
#nav_oh a span {
display:none;
}

#navis, #products_subnav, #press_subnav {
list-style:none;
margin:0 0 0 22px;
padding:0;
}
#navis li, #products_subnav li, #press_subnav li {
display: block;
height:16px;
width:147px;
}

#navis li {
margin:0 0 11px 0 ;
}

#products_subnav li, #press_subnav li {
margin:0 0 8px 0 ;
}


li#products {
height:16px;
}
li#press {
height:16px;
}

#products_subnav, #press_subnav {
margin:10px 0 19px 0 ;
display:none;
}



/* primary nav */

#about_us a, #products a, #loudandlola a, #press a, #latest_news a, #gallery a, #investors a, #jobs a, #contacts a  {
display:block;
width:147px;
height:16px;
text-decoration: none;
}


/* selected - hover states */

#about_us.selected a, #about_us.normal a:hover {
background:url(../_img/nav.png) 0px 0px;
}
#products.selected a, #products.normal a:hover {
background:url(../_img/nav.png) 0px -25px;
}
#loudandlola.selected a, #loudandlola.normal a:hover {
background:url(../_img/nav.png) 0px -51px;
}
#press.selected a, #press.normal a:hover {
background:url(../_img/nav.png) 0px -86px;
}
#latest_news.selected a, #latest_news.normal a:hover {
background:url(../_img/nav.png) 0px -111px;
}
#gallery.selected a, #gallery.normal a:hover {
background:url(../_img/nav.png) 0px -136px;
}
#investors.selected a, #investors.normal a:hover {
background:url(../_img/nav.png) 0px -171px;
}
#jobs.selected a, #jobs.normal a:hover {
background:url(../_img/nav.png) 0px -196px;
}
#contacts.selected a, #contacts.normal a:hover {
background:url(../_img/nav.png) 0px -221px;
}

/* normal states */

#about_us.normal a {
background:url(../_img/nav.png) -149px 0px;
}
#products.normal a {
background:url(../_img/nav.png) -149px -25px;
}
#loudandlola.normal a {
background:url(../_img/nav.png) -149px -51px;
}
#press.normal a {
background:url(../_img/nav.png) -149px -86px;
}
#latest_news.normal a {
background:url(../_img/nav.png) -149px -111px;
}
#gallery.normal a {
background:url(../_img/nav.png) -149px -136px;
}
#investors.normal a {
background:url(../_img/nav.png) -149px -171px;
}
#jobs.normal a {
background:url(../_img/nav.png) -149px -196px;
}
#contacts.normal a {
background:url(../_img/nav.png) -149px -221px;
}

#about_us a span, #products a span, #loudandlola a span, #press a span, #latest_news a span, #gallery a span, #investors a span, #jobs a span, #contacts a span  {
display:none;
}


/*  pages from here */
#home_page {
background:#805A69 url(../_img/home_bg.jpg) repeat-x;
}
#about_us_page {
background:#040000;
}
#products_page, #loudandlola_page {
background:url(../_img/products_bg.gif);
}
#press_page, #latest_news_page, #gallery_page {
background:url(../_img/press_bg.jpg);
}
#investors_page {
background:url(../_img/investors_bg.gif);
}
#jobs_page {
background:url(../_img/jobs_bg.jpg);
}
#contacts_page, #contacts_thanks_page {
background:url(../_img/contacts_bg.jpg);
}

#copyright {
margin-top:-23px; 
color:#666666; 
font-size:0.5625em; 
margin-left:22px;
}
/* top  - page bottoms */
#home_page_bottom, #about_us_bottom, #products_bottom, #press_bottom, #investors_bottom, #jobs_bottom, #contacts_bottom  {
width:954px;
height:156px;
}
/* top  - page bottoms */
#home_page_top, #about_us_top, #products_top, #press_top, #investors_top, #jobs_top, #contacts_top  {
width:954px;
height:24px;
}
#home_page_top {
background:url(../_img/home_page_top.gif) no-repeat 840px 0px;
}
#about_us_top {
background:url(../_img/about_us_top.jpg) no-repeat 432px 0px;
}
#press_top {
background:url(../_img/press_top.png) no-repeat;
}
#investors_top {
background:url(../_img/investors_top.jpg) no-repeat;
}
#jobs_top {
background:url(../_img/jobs_top.gif) no-repeat 601px 15px;
}


#home_page_bottom {
background:url(../_img/home_page_bottom.png) no-repeat;
}

#about_us_bottom {
background:url(../_img/about_us_bottom.jpg) no-repeat 78px 0px;
}
#products_bottom {
background:url(../_img/products_bottom.png) no-repeat;
}
#press_bottom {
background:url(../_img/press_bottom.png) no-repeat;
}
#investors_bottom {
background:url(../_img/investors_bottom.png) no-repeat;
}
#jobs_bottom {
background:url(../_img/jobs_bottom.png) no-repeat;
}
#contacts_bottom {
background:url(../_img/contacts_bottom.png) no-repeat;
}




/* link colours */

#home_page .copy a {
color:#D42225;
border-bottom:1px dotted #D42225;
}
#home_page .copy  a:hover {
color:#F06267;
border-bottom:1px dotted #F06267;
}
#about_us_page .copy  a {
color:#379BFF;
border-bottom:1px dotted #379BFF;
}
#about_us_page .copy  a:hover {
color:#96BEFF;
border-bottom:1px dotted #96BEFF;
}
#products_page .copy  a, #loudandlola_page .copy  a {
color:#DCB102;
border-bottom:1px dotted #DCB102;
}
#products_page .copy  a:hover, #loudandlola_page .copy  a:hover {
color:#FFCC00;
border-bottom:1px dotted #FFCC00;
}
#press_page .copy  a, #latest_news_page .copy  a, #gallery_page .copy  a {
color:#87B12C;
border-bottom:1px dotted #87B12C;
}
#press_page .copy  a:hover, #latest_news_page .copy  a:hover, #gallery_page .copy  a:hover {
color:#A2D537;
border-bottom:1px dotted #A2D537;
}
#investors_page .copy  a {
color:#F39B1F;
border-bottom:1px dotted #F39B1F;
}
#investors_page .copy  a:hover {
color:#F3A540;
border-bottom:1px dotted #F3A540;
}
#jobs_page .copy  a {
color:#E4007D;
border-bottom:1px dotted #E4007D;
}
#jobs_page .copy  a:hover {
color:#F942AC;
border-bottom:1px dotted #F942AC;
}
#contacts_page .copy  a, #contacts_thanks_page .copy  a  {
color:#FF3333;
border-bottom:1px dotted #FF3333;
}
#contacts_page .copy  a:hover, #contacts_thanks_page .copy  a:hover {
color:#FF8882;
border-bottom:1px dotted #FF8882;
}

#about_us_title, #products_title, #loudandlola_title, #press_title, #latest_news_title, #gallery_title, #investors_title, #jobs_title, #jobs_title_no_vacancies, #contacts_title, #contacts_thanks_title {
width:320px;
height:140px;
}
#home_page_title span, #about_us_title span, #products_title span, #loudandlola_title span, #press_title span, #latest_news_title span, #gallery_title span, #investors_title span, #jobs_title span, #jobs_title_no_vacancies span, #contacts_title span, #contacts_thanks_title span {
display:none;
}
#home_page_title {
width:320px;
height:185px;
background:url(../_img/title_home_page.gif) no-repeat;
}

#about_us_title {
height:185px;
background:url(../_img/title_about_us.gif) no-repeat;
} 
#products_title {
background:url(../_img/title_products.gif) no-repeat;
} 
#loudandlola_title {
background:url(../_img/title_loudandlola.gif) no-repeat;
} 
#press_title {
background:url(../_img/title_press.gif) no-repeat;
} 
#latest_news_title {
background:url(../_img/title_latest_news.gif) no-repeat;
} 
#gallery_title {
background:url(../_img/title_gallery.gif) no-repeat;
} 
#investors_title {
background:url(../_img/title_investors.gif) no-repeat;
} 
#jobs_title {
background:url(../_img/title_jobs.gif) no-repeat;
} 
#jobs_title_no_vacancies {
background:url(../_img/title_jobs_no_vacancies.gif) no-repeat;
} 
#contacts_title, #contacts_thanks_title {
background:url(../_img/title_contacts.gif) no-repeat;
} 


.subscribe {
font-size:1.0769em;
border-bottom:1px solid #CCCCCC;
margin-bottom:10px
}

.l_col {
float:left;
clear:none;
width:185px;
}
.r_col {
float:left;
clear:none;
width:135px;
}


ul.ul_news {
list-style:none;
margin:0;
padding:0;
}

.ul_news li {
font-size:0.8462em;
font-weight:bold;
margin-bottom:5px;
}
.ul_news li a {
font-size:1.2727em;
}
.ul_news li span {
color:#999999;
font-weight:normal;
}

.grey {
color:#999999;
}

h4 span.news_date {
font-size:0.7857em;
margin:0;
padding:0;
}

/* arrows */
.bottom {
width:954px;
margin-top:-27px;
}
.arrows {
height:27px;
}

.l_container {
width:191px;
float:left;
height:27px;
}
.r_container {
width:763px;
float:left;
height:27px;
}
.l_container_home {
width:215px;
float:left;
height:27px;
}
.r_container_home {
width:739px;
height:27px;
float:left;
background:url(../_img/home_look2.gif) no-repeat;
}
a.left_arrow span, a.right_arrow span, .r_container_home span {
display:none;
}

a.left_arrow, a.right_arrow {
display:block;
width:18px;
height:15px;
border-bottom:none;
}
a.left_arrow {
float:right;
margin-right:2px;
background:url(../_img/arrows.gif) 0px 0px;
}

a.left_arrow:hover {
border-bottom:none;
background:url(../_img/arrows.gif) 0px -21px;
}
a.right_arrow {
margin-left:1px;
background:url(../_img/arrows.gif) -21px 0px;
}
a.right_arrow:hover {
border-bottom:none;
background:url(../_img/arrows.gif) -21px -21px;
}
.r_container_home a.right_arrow, .r_container_home a.right_arrow:hover {
margin-left:325px;
}

/* sub pages from here */
.sub_display {
width:685px;
height:420px;
overflow:hidden;
}
#press_wrapper {
float:left;
clear:none;
width:2217px;
height:430px;
}
#products_wrapper, #contacts_wrapper, #investors_wrapper {
float:left;
clear:none;
width:1370px;
height:430px;
}
/* froms from here */
.form_row {
float:left;
width:318px;
}
.form_left {
float:left;
width:108px;
}
.form_right {
float:left;
width:210px;
}
input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
color: #333333;
font-size:0.9231em;
margin:0;
width:166px;
}
select {
width:170px;
}
#mb6330, #mb6332 {
width:13px;
}
.submit {
width:90px;
}
.checkb {
margin-bottom:5px;
}
#contacts_page .copy a.button, #home_page .copy a.button {
display:block;
width:80px;
height:23px;
margin-top:6px;
border-bottom:none;
background:url(../_img/button.gif) no-repeat;
}
#contacts_page .copy a.button:hover, #home_page .copy a.button:hover {
background:url(../_img/button_f2.gif) no-repeat;
border-bottom:none;
}
.button span {
display:none;
}