@charset "UTF-8";
/* CSS Document */

/* Colors
Dark Blue: rgb(0,51,104)
Medium Blue: rgb(8,124,159)
Light Blue: rgb(96,180,194)
Yellow: rgb(252,175,23)
Lime Green: rgb(162,197,57)
*/

/* Set-up */
body { margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:62.5%; color:white; font-weight:normal;
background-color: rgb(8,124,159); 
background-image:url(images/arena_main_gradient.jpg); 
background-repeat:no-repeat; background-position:bottom left; }

p { margin: 0 0 5px 0; font-size:1.1em; line-height:1.4em; margin:0 0 15px 0; text-align:justify; }
p a { text-decoration:underline; }
#page_media a { text-decoration:none; }
.white { color: white; }
.small { font-size:0.9em; }
.green { color: rgb(162,197,57); }
.dark_blue { color: rgb(0,51,104); margin:0 0 1em 0;}
.alert { background-color:rgb(252,175,23); padding:5px; color:rgb(0,51,104); }
ul.alert { padding-left:2em; }

h1 { font-family: Myriad, "Myriad Pro Regular", "Myriad Roman", Arial, Helvetica, sans-serif; font-size:1.8em; color: white; font-weight: normal; margin:0 0 15px 0; }
h4.subhead { margin-top:-10px; }
h2 {font-family: Arial, Helvetica, sans-serif; font-size:1.2em; font-weight: normal; margin:0 0 0.8em 0; line-height:1.5em; }
h2.lines {border-bottom: solid 1px white; border-top: solid 1px white; padding:5px 0px 5px 0px;}
h2.green {font-family: Arial, Helvetica, sans-serif; font-size:1.2em; font-weight: normal; margin:0 0 0.8em 0; line-height:1em;color:rgb(162,197,57);} 
h3 { font-family: Arial, Helvetica, sans-serif; font-size:1.2em; font-weight: bold; margin:0 0 1.2em 0; }
h4 { font-family: Arial, Helvetica, sans-serif; font-size:0.9em; font-weight: normal; margin:0 0 2em 0; }
.mid_heading { margin-top:20px; }
h5 {font-size:1em; line-height:1.4em; margin:5px 0 5px 0; text-align:justify; color:rgb(8,124,159); font-weight:normal; }

.hp-text {font-family: Arial, Helvetica, sans-serif; width:480px; text-align: justify; margin:60px 0 0 0;}
.hp-text p { margin: 0 0 5px 0; font-size:9px; line-height:1.4em; text-align:justify; }

a { color:white; text-decoration:none; }
a:hover { color:rgb(96,180,194); }

table { border-collapse:collapse; }
td { vertical-align:top; }
input , textarea , select { font-size:10px; font-family: Arial, Helvetica, sans-serif; padding:2px; margin-bottom:5px; }
#page_business_details label , #page_business_login label { width:65px; line-height:2em; float:left; }
#page_business_details label.big { width:100px; }
#page_business_details textarea { width:130px; }
#page_business_details .second_column textarea { width:255px; }
#page_business_details .second_column label { float:none; display:block; width:auto; }
#page_business_details .logo_box { background-color:white; padding:15px; text-align:center; }
#page_business_details .caption { margin-bottom:10px; }
#submit { display:block; }

.float_right { float:right; }
.float_clear { clear:both; }
.float_clear_left { clear:left; }
.float_clear_right { clear:right; }

#container { width:100%; }

#header { background-image:url(images/arena_header_gradient.jpg); background-color: rgb(0,51,104); background-repeat:no-repeat; border-bottom: solid 1px white;}
td#header_left { background-image:url(images/arena_header_gradient.jpg); background-position:top left; background-color: rgb(0,51,104); background-repeat:no-repeat; border-bottom: solid 1px white; border-right:1px solid white; }
td#header_right { background-image:url(images/arena_header_gradient.jpg); background-position:top -150px; background-color: rgb(0,51,104); background-repeat:no-repeat; border-bottom: solid 1px white; padding-left:40px; }

#menu { font-size:0.9em; font-weight:normal; text-align:left; padding:5px 0 5px 0px; line-height:normal; }
#menu ul { list-style:none; padding:10px 0 10px 0; /*margin:0 0 0 200px;*/ margin:0; }
#menu ul li { display:inline; margin-right:15px; color:rgb(96,180,194); text-decoration:none; }
#menu a { color:white; text-decoration:none; }
#menu a:hover { color:rgb(96,180,194); text-decoration:none; }

#main { /*border-left:solid 1px white; */ padding-left:40px; vertical-align:top; }

#picture { margin: 20px 0 20px 0; }
#picture_green_box {margin: 0px 10px 40px 0px; float:right; }

#text { /* margin-right:40px; */ width:478px; padding-top:40px; padding-bottom:40px; /*margin-left:200px;*/ }

.first_column { padding-right:10px; width:50%; vertical-align:top; }
div.first_column { float:left; padding-right:0; }
.second_column { padding-left:10px; width:50%; vertical-align:top; }
div.second_column { margin-left: 50%; margin-top:auto; padding-left:0; }
#business_finder td.second_column { vertical-align:bottom; text-align:center; }
#business_finder label { float:none; width:auto; }
#business_finder { margin-top:30px; width:570px; /*margin-left:200px;*/ }
#page_home #business_finder { margin-top:0px; }
.green_box { background-image:url(images/business_men_pic.gif); background-position:top right; background-color:rgb(162,197,57); padding:15px 15px 15px 15px; background-repeat:no-repeat; width:448px; }
.green_box p { margin-bottom:0 }
#search_field { width:150px; }
#business_index { width:70px; float:right; }
#business_index h2 { line-height:0.9em; }
#business_index a { text-decoration:none; }

#left_column { /*position:absolute; z-index:10;*/ float:left; width:150px; border-right: solid 1px white; padding:0 10px 0 10px; }
td#left_column { float:none; width:150px; vertical-align:top; padding:40px 10px 0 10px; text-align:center; }

#logo { margin:0 0 156px 0;}
.float_right_centre { float:right; padding-top:11px; }

#left_menu { font-size:0.9em; font-weight:normal; text-align:left; margin:0 10px 20px 10px; line-height:normal;}
#left_menu ul { list-style:disc; padding:0; margin:0 0 15px 0; }
#left_menu ul li { margin:0 0 5px 0; text-decoration:none; color:rgb(0,51,104); margin-left:1.5em; }
#left_menu a { color:white; text-decoration:none; }
#left_menu a:hover { color:rgb(0,51,104); text-decoration:none; }
#left_menu li.green_menu_box { background-color:rgb(162,197,57); list-style:none; margin:0 0 10px 0; padding: 5px; color:rgb(0,51,104); }

#footer { background-image:url(images/arena_footer_gradientNEW.jpg); background-color: rgb(0,51,104); background-repeat:repeat-x; margin-top:20px; padding:15px 0 15px 185px; clear:both; }
#footer h2 { margin-top:0; }
td#footer_left { background-image:url(images/arena_footer_gradientNEW.jpg); background-position:top left; background-color: rgb(0,51,104); background-repeat:repeat-x; border-top:1px solid white; border-right:1px solid white; }
td#footer_right { background-image:url(images/arena_footer_gradientNEW.jpg); background-position:top -150px; background-color: rgb(0,51,104); background-repeat:repeat-x; border-top:1px solid white; padding:15px 0 10px 20px; }

#contact { margin-left:20px; }
#contact a { color:white; text-decoration:none; }
#contact a:hover { color:rgb(96,180,194); text-decoration:none; }

.yellow_square { float:left; padding-top:4px; }
td.search .yellow_square { float:none; margin-right:5px; }

.dark_blue_box { background-color:rgb(0,51,104); margin:0px 0px 20px 0px; padding: 10px 10px 10px 10px; }
ul#info { list-style:none; padding:0; margin:0; }
ul#info li {list-style:none; padding:0px; margin-bottom:5px; }

.caption { background-image:url(images/yellow_square.jpg); background-repeat:no-repeat; margin:10px 0 0px 0px; font-size:0.9em; font-weight:normal; text-align:left; color:white; padding:0 0 0 15px; line-height:normal; }

#testimonials_picture { margin: 0px 0px 10px 15px; float:right; width:235px; }
 
ul#business_list { padding:0; margin:5px 0px 25px 0px; }

.business_unit { color:rgb(162,197,57); margin-left:10px;}

table.directory { margin-bottom:20px;}
table.directory a { color:white; text-decoration:none; }
table.directory a:hover { color:rgb(0,51,104); text-decoration:none; }
table.directory th { text-align:left; }
table.directory td { padding-right:20px; }

#white_box { background-color:white; width:478px; margin: 20px 0 20px 0; }
.logo_column { vertical-align:middle; padding:0px 40px 0px 20px; width:255px; }
.business_logo { padding:10px 0 10px 0; }
.info_column { padding:10px 20px 10px 0px;}
.info_column a:hover { text-decoration:underline; }
table.company a { color:rgb(0,51,104); text-decoration:none; }
table.company a:hover { color:rgb(96,180,194); text-decoration:underline; }

#centre_menu {font-size:0.9em; font-weight:normal; text-align:left; padding:0px 0 20px 0px; line-height:normal;  }
#centre_menu ul { list-style:none; padding:10px 0 10px 20px; /*margin:0 0 0 200px;*/ margin:0; background-color:rgb(162,197,57);}
#centre_menu ul li { display:inline; margin-right:10px; color:rgb(0,51,104); text-decoration:none; }
#centre_menu a { color:white; text-decoration:none; }
#centre_menu a:hover { color:rgb(0,51,104); text-decoration:none; }

#picture_centre { margin: 20px 0 0px 0; }

table#sizes td {padding-right:25px;}

#text a:hover { color:rgb(0,51,104); text-decoration:none }

.news_column { padding-right:10px; vertical-align:top; }
.news_thumbnail {float:right; padding:5px 0 5px 5px; width:105px; margin-left:10px; }
.news_thumbnail img {margin-bottom:5px; display: block; }

.signature {margin-bottom:10px;}

.link-image { border:1px solid silver; float:left; margin-right:15px; }

ul#bullets { list-style:disc; padding-left:1.5em; margin:15px 0px 15px 0; }
ul#bullets li {padding:0px; margin-bottom:5px; font-size:1.1em;}



