/*
-----------------------------------
stylesheet for Interoute website v4
-----------------------------------
*/
body {
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1.3em;
    font-family: verdana;
    font-size: 0.7em;
    padding-top: 10px;
    padding-bottom: 10px
    }
#frame {
    width: 680px;
    margin: auto;
    text-align: left
    }
#logo {
    float: left;
    width: 140px;
    margin-top: 5px
    }
#letstalk {
    background: url(../images/bg_footer.gif) no-repeat bottom right;
    padding-top: 30px
    }
#breadcrumbs {
    font-size: 0.9em;
    margin-bottom: 15px
    }
#notfound {
    float: right;
    padding-top: 40px
    }
#big_image {
    margin-bottom: 30px
    }
/* nav util */
ul#nav_util {
    margin: 0;
    padding: 0;
    float: right
    }
ul#nav_util li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    background: url(../images/nav_bar.gif) no-repeat 0 5px;
    padding-left: 10px;
    margin-left: 10px
    }
ul#nav_util li a {
    color: #666;
    font-weight: bold;
    font-size: 10px
    }
ul#nav_util li a:hover {
    color: #2A94C0;
    text-decoration: none
    }
ul#nav_util input {
    font-size: 10px;
    border: solid 1px #A7A8AB;
    background-color: #F7F6F7;
    color: #8a8a8a
    }
/* nav top */
ul#nav_top {
    margin: 0;
    padding: 0;
    float: right;
    background: url(../images/nav_top/bg.gif) repeat-y;
    margin-top: 12px;
    padding-top: 8px;
    padding-bottom: 6px;
    padding-right: 18px;
    margin-bottom: 10px
    }
ul#nav_top li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    padding-left: 38px
    }
/* nav footer */
ul#nav_footer {
    margin: 0;
    padding: 0;
    float: right;
    margin-top: 4px
    }
ul#nav_footer li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    background: url(../images/nav_bar.gif) no-repeat 0 5px;
    padding-left: 10px;
    margin-left: 10px
    }
ul#nav_footer li a {
    color: #8a8a8a;
    font-weight: bold;
    font-size: 10px
    }
ul#nav_footer li a:hover {
    color: #2A94C0;
    text-decoration: none
    }
/* boxes */
div.box_frame1 {
    background: url(../images/boxes/box_bg_top.gif) repeat-y;
    width: 149px;
    float: left
    }
div.box_frame2 {
    background: url(../images/boxes/box_bg_bottom.gif) no-repeat bottom left;
    width: 149px;
    height: 160px
    }
div.box_big_frame1 {
    background: url(../images/boxes/box_big_bg_top.gif) repeat-y;
    width: 350px;
    float: left
    }
div.box_big_frame2 {
    background: url(../images/boxes/box_big_bg_bottom.gif) no-repeat bottom left;
    width: 350px;
    height: 160px
    }
div.box_content {
    padding: 8px
    }
/* language dropdown */
#language_uk {
    background: url(../images/nav_top/flag_uk.gif) no-repeat;
    padding-left: 23px
    }
#language_france {
    background: url(../images/nav_top/flag_france.gif) no-repeat;
    padding-left: 23px
    }
#language_germany {
    background: url(../images/nav_top/flag_germany.gif) no-repeat;
    padding-left: 23px
    }
#language_italy {
    background: url(../images/nav_top/flag_italy.gif) no-repeat;
    padding-left: 23px
    }
#language_spain {
    background: url(../images/nav_top/flag_spain.gif) no-repeat;
    padding-left: 23px
    }
#language_holland {
    background: url(../images/nav_top/flag_holland.gif) no-repeat;
    padding-left: 23px
    }
#dropdown_language {
    position: absolute;
    visibility: hidden;
    font-size: 10px;
    text-align: left
    }
#dropdown_language div {
    border: solid 1px #B2B3B4;
    border-top: none;
    border-bottom: none;
    padding-left: 8px;
    background-color: #fff
    }
#dropdown_language a {
    display: block;
    height: 15px;
    padding-bottom: 2px;
    width: 60px
    }
#dropdown_language ul {
    margin: 0;
    padding: 0;
    list-style: none
    }
#dropdown_language ul li {
    margin: 0;
    padding: 0
    }
/* general */
p {
    padding: 0;
    margin: 0;
    margin-bottom: 15px
    }
h1 {
    padding: 0;
    margin: 0;
    padding-top: 0;
    margin-bottom: 15px
    }
h2 {
    padding: 0;
    margin: 0;
    margin-bottom: 15px
    }
h3 {
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    font-size: 12px
    }
a {
    text-decoration: none;
    color: #2A94C0;
    font-weight: bold
    }
a:hover {
    text-decoration: underline
    }
form {
    padding: 0;
    margin: 0
    }
ul {
    margin: 0;
    padding: 0;
    margin-left: 15px
    }
li {
    margin-bottom: 15px
    }
hr {
    height: 1px;
    color: #ccc;
    margin-bottom: 15px
    }
/*misc */
div.left {
    float: left;
    width: 430px
    }
div.right {
    float: right;
    width: 215px;
    font-size: 0.9em
    }
div.right p {
    margin-bottom: 8px
    }
ul.news {
    padding: 0;
    margin: 0
    }
ul.news li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-bottom: 5px
    }
img.thumb {
    margin-right: 8px
    }
div.product_box {
    margin-bottom: 30px;
    background: url(../images/boxes/products_bg.gif) no-repeat bottom left
    }
div.product_box_padding {
    padding: 20px;
    background: url(../images/boxes/products_top.gif) no-repeat top left
    }
div.product_box_tab {
    position: relative;
    top: 1px
    }
div.product_left {
    float: left;
    width: 310px
    }
div.product_right {
    float: right;
    width: 315px;
    font-size: 0.9em
    }
div.product_side {
    float: left;
    margin-right: 20px;
    height: 350px
    }
ul.buttons {
    margin: 0;
    padding: 0;
    margin-top: 35px
    }
ul.buttons li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-bottom: 5px
    }
div.box_side {
    background: url(../images/boxes/box_side_bottom.gif) no-repeat bottom left;
    padding: 8px;
    margin-bottom: 15px
    }
div.box_side_top {
    background: url(../images/boxes/box_side_top.gif) no-repeat top left;
    font-weight: bold;
    padding: 4px 0 3px 8px
    }
div.box_side_grey {
    background: url(../images/boxes/box_side2_top.gif) no-repeat top left;
    margin-bottom: 15px;
    padding-top: 5px
    }
div.box_side_grey div {
    background: url(../images/boxes/box_side2_bottom.gif) no-repeat bottom left;
    padding: 8px
    }
div.box_side_grey_big {
    background: url(../images/boxes/box_grey_big_top.gif) no-repeat top left;
    margin-bottom: 15px;
    padding-top: 5px
    }
div.box_side_grey_big div {
    background: url(../images/boxes/box_grey_big_bottom.gif) no-repeat bottom left;
    padding: 8px
    }
div.box_side_grey_big p {
    margin-bottom: 8px
    }
p.box_title {
    font-weight: bold;
    font-size: 1.1em
    }
table.locations td p {
    margin-bottom: 25px
    }
table.locations td img {
    margin-top: 5px
    }
div.news_list {
    font-size: 0.9em
    }
h2.news_events_title {
    background: url(../images/boxes/box_news_bg.gif) no-repeat top left;
    margin: 0
    }
table.tech_spec td b {
    color: #666
    }
td.tableTitle {
    background-color: #e7e7e7;
    color: #666;
    font-weight: bold
    }
a.drop {
    background: url(../images/buttons/down1.gif) no-repeat 0 0;
    padding: 0 0 5px 17px;
    display: block;
    height: 10px;
    margin-bottom: 5px
    }
a.drop_on {
    background: url(../images/buttons/down1_on.gif) no-repeat 0 0;
    padding: 0 0 5px 17px;
    display: block;
    height: 15px
    }
div.drop {
    margin-top: 15px;
    display: none;
    margin-left: 25px;
    margin-bottom: 25px
    }
ul.links {
    margin: 0;
    margin-left: 0;
    padding-left: 17px
    }
ul.links li {
    list-style-image: url(../images/buttons/arrow.gif)
    }
ul.links li a, ul.links p {
    position: relative;
    top: -2px
    }
a.arrow {
    background: url(../images/buttons/arrow.gif) no-repeat 0 2px;
    padding: 0 0 0 14px
    }
div.products_col1 {
    float: left;
    width: 200px
    }
div.products_col2 {
    float: right;
    width: 200px
    }
div.products_col1 p, div.products_col2 p, div.events_text p {
    padding-left: 15px
    }
div.bios {
    margin-bottom: 50px
    }
div.bios img {
    float: left;
    margin-right: 24px;
    margin-bottom: 10px
    }
div.bios ul {
    padding-top: 17px
    }
div.bios ul li {
    margin-bottom: 5px
    }
form.enquiry input, form.enquiry textarea {
    font-family: verdana;
    font-size: 1em
    }
form.enquiry table td {
    padding-bottom: 10px
    }
div.events_image {
    float: left
    }
div.events_text {
    margin-left: 20px;
    margin-bottom: 20px;
    border: solid 1px #E5E5E5;
    border-left: none;
    border-right: none;
    padding-top: 7px
    }
a.btn_next {
    float: right
    }
div.careers_list p {
    margin-bottom: 10px
    }
div.careers_list ul {
    margin-bottom: 20px
    }
div.careers_list li {
    margin-bottom: 2px;
    margin-left: 15px
    }