body {background-color: #333; margin: 0; font-family: 'Helvetica', 'Arial';}

form {margin: 0px; padding: 0px;}

/* basic layout */

div#top-nav-outer {background-color: #333; min-height: 40px;}

div#top-nav-inner {width: 974px; margin: 0 auto;}


div#wrapper-outer {background: #7E1210; /* Old browsers */
background: -moz-linear-gradient(top, #7E1210 0%, #AC151D 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7E1210), color-stop(100%,#AC151D)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7E1210 0%,#AC151D 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7E1210 0%,#AC151D 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #7E1210 0%,#AC151D 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7E1210', endColorstr='#AC151D',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #7E1210 0%,#AC151D 100%); /* W3C */

}


div#wrapper-inner {width: 974px; margin: 0 auto; min-height: 600px; padding-bottom: 35px;}

div#header { min-height: 100px; }

div#main { background-color: white; min-height: 500px; padding: 20px; 14px 30px 14px;}

div#main-content {margin-top: 20px; float: left; display: inline; }

div#sidebar { margin-top: 20px; width: 230px; margin-left: 15px; float: left; display: inline; min-height: 100px;}

div#footer-nav-fade {height: 10px; 
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(26,26,26,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(26,26,26,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(26,26,26,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(26,26,26,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(26,26,26,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a1a1a',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(26,26,26,1) 100%); /* W3C */
}

div#footer-nav-outer { background-color: #1a1a1a; }

div#footer-nav-inner {width: 974px; margin: 0 auto; min-height: 150px; padding-top: 15px;}

div#footer {border-top: 1px solid #4d4d4d;}

div#footer-inner {width: 974px; margin: 0 auto; min-height: 30px; color: #b3b3b3; font-size: 11px; position: relative; }

div#footer-inner a { text-decoration: none; color: white;}

div#footer-inner #copyright { margin: 12px 0px 20px 15px; position: absolute; top: 0px; left: 0px;}
div#footer-inner #site-by { margin: 12px 15px 20px 0px; float: right;}


.clearfix {clear: both;}

/* end - basic layout */

/* top nav */

div#top-nav {padding: 10px 7px; float: left; color: white;font-family: 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial'}
div#top-nav a 
{ color: white; text-decoration: none;
font-size: 14px;}

div#top-nav a:hover

{ color: #dcdcdc;}

div#top-nav-show-info a {
padding: 10px 7px; 
float: right; 
color: white;
font-family: 'Myriad Pro', 'Myriad', 'Arial';
font-size: 20px; 
font-weight: bolder;
text-decoration: none;
}

/* end - top nav */

/* header */

div#header-inner {padding-top: 20px;padding-bottom: 8px;}
div#logo-location {width: 550px; float: left; display: inline-block; 
text-indent: -10000px; height: 72px;
background-repeat: no-repeat;
}


div#venue-name-address {width: 400px; float: right; color: white; display: inline-block; text-align: right; margin-right: 10px; font-family: 'Helvetica', 'Arial'}

div#venue-name-address div#venue-name {text-transform: uppercase; font-size: 30px; line-height: 90%;}

/* end - header */


/* main nav */

div#main-nav {
background: #f5f5f5; /* Old browsers */
background: -moz-linear-gradient(top, #f5f5f5 0%, #d9d9d9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f5f5f5 0%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f5f5f5 0%,#d9d9d9 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #f5f5f5 0%,#d9d9d9 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #f5f5f5 0%,#d9d9d9 100%); /* W3C */

height: 39px; 

}

div#main-nav ul {list-style: none; list-style-type: none; padding: 0px; margin: 0px;}

div#main-nav ul li
{
	position: relative;
	display: inline;
	float: left;
	background-image: url(/images/2011/light-grey.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 39px;

}

div#main-nav ul li a
{
text-decoration: none;
font-family:  'Helvetica', 'Arial';
color: black;
font-size: 13px;
display: block;
height: 46px; 
padding: 11px 11px 0px 11px;
text-shadow: 0px 1px 0px #ffffff;
}

div#main-nav ul li a:hover 
{
	display: block;
	background-image: url(/images/2011/nav-menu-hover-red.png);
	background-repeat: no-repeat;
	background-position: center top;
	text-decoration: none;

}

div#main-nav ul li a:active 
{	
padding: 12px 11px 0px 11px;
}

div#main-nav ul li#last, div#main-nav ul li#last a:hover
{ background-image: none; }
 
div#main-nav ul li#last a

{
padding-left: 30px;
color: #a0202c;
font-weight: bold;
}

div#main-nav ul li a#selected, div#main-nav ul li a#selected:hover

{
	background-image: url(/images/2011/nav-menu-selected-red.png);
	background-repeat: no-repeat;
	background-position: center top;

}

/* end main nav */

/* sidebar */

div#sidebar-top {font-weight: bold; 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial'; margin-bottom: 10px;}
div#sidebar div#sidebar-top h2 {border-bottom: 1px solid #d3d3d3; text-indent: 10px;}
div#sidebar-top h3, div#sidebar-top p {margin-left: 10px; margin-right: 10px; }
div#sidebar-top h3 {font-size: 16px;}
div#sidebar-top p {font-size: 14px; line-height: 140%;}
div#sidebar-separator {margin-top: 10px; 
border-bottom: 1px solid #ccc;}
div#sidebar div#sidebar-exhibitors {margin: 10px 10px 20px 10px; font-weight: bold; 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial';}
div#sidebar div#sidebar-brands {line-height: 140%; }
div#sidebar div#sidebar-brands a {color: #000; font-weight: normal;}

div#sidebar-find-fb-badge {
background-image: url(/images/2011/find_us_on_facebook_badge.gif);
background-repeat: no-repeat;
width: 144px; 
height: 44px;
margin-left: 15px;
margin-bottom: 20px; 
}

/* end - sidebar */

/* footer nav */

div#site-nav-column {float: left; width: 220px; margin: 0px 0px 20px 20px; }

div#site-nav-column h4 {color: #999; margin-top: 0px; font-weight: normal; font-size: 18px; text-transform: uppercase;}

ul#site-nav-menu { margin: 0px; list-style-type: none; padding: 0px; }
ul#site-nav-menu li {float: left; width: 95px; margin-right: 15px; margin-bottom: 5px; }
ul#site-nav-menu li a {color: #b3b3b3;}
ul#site-nav-menu li a:hover {color: white;}

div#middle-column {float: left; margin-left: 20px; width: 350px;}

div#social-icons img {margin-right: 20px; opacity:0.8;filter:alpha(opacity=80);}

div#social-icons img:hover {opacity:1.0;filter:alpha(opacity=100);}

div#social-icons img:active {opacity:0.9;filter:alpha(opacity=90);}


div#mailing-list-info { color: #999; font-size: 11px; width: 300px;}

div#mailing-list-info a { color: #999; text-decoration: none; font-weight: bold; }

div#logosBristol, div#logosManchester {margin-left: 20px; float: left; }

div#org-by, div#assoc-with {color: white; font-size: 11px; float:left}

/* Manchester footer logos */

div#logosManchester div#sevenoaks {  width: 299px; height: 48px; text-indent: -10000px; background-image: url(/images/2011/logo-sevenoaks.png);
	background-repeat: no-repeat; }

div#logosManchester div#org-by, div#logosManchester div#assoc-with {width: 160px; margin-top: 20px; }

div#logosManchester div#audiot {  width: 143px; margin-top: 5px; height: 29px; text-indent: -10000px; background-image: url(/images/2011/logo-audiot.png);
	background-repeat: no-repeat; }

div#logosManchester div#whathifi {  width: 131px; height: 35px; text-indent: -10000px; background-image: url(/images/2011/logo-what-hifi.png);
	background-repeat: no-repeat; }

/* Bristol footer logos */

div#logosBristol div#audiot {  width: 301px; margin-top: 5px; height: 66px; text-indent: -10000px; background-image: url(/images/2011/logo-audiot-large.png);
	background-repeat: no-repeat; }

div#logosBristol div#org-by {width: 302px; }

div#logosBristol div#assoc-with {width: 302px; margin-top: 20px; }

div#logosBristol div#sevenoaks {  width: 172px; height: 26px; text-indent: -10000px; background-image: url(/images/2011/logo-sevenoaks-small.png);
	background-repeat: no-repeat; margin-right: 15px; float: left;}

div#logosBristol div#whathifi {  width: 114px; height: 26px; text-indent: -10000px; background-image: url(/images/2011/logo-what-hifi-small.png);
	background-repeat: no-repeat; float: left;}
	
/* end - footer nav */

/* text styles */

h1, h2, h3, h4, h5, h6
{font-family: 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial';
color: #a0202c;
margin-top: 5px;}

h1 {font-size: 27px;}

body, p, div {font-size: 12px; }

a {text-decoration: none; color: #a0202c;}

div#main-content a { font-weight: bold;}
.note { font-size: 11px;}

/* homepage styles */

div.grey-panel

{
position: relative;
background: #f5f5f5;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f5f5f5), to(#d9d9d9));
background: -webkit-linear-gradient(#f5f5f5, #d9d9d9);
background: -moz-linear-gradient(#f5f5f5, #d9d9d9);
background: -ms-linear-gradient(#f5f5f5, #d9d9d9);
background: -o-linear-gradient(#f5f5f5, #d9d9d9);
background: linear-gradient(#f5f5f5, #d9d9d9);
-pie-background: linear-gradient(#f5f5f5, #d9d9d9);

border: 1px solid #D3D3D3;

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

behavior: url(/javascript/PIE.htc);
}

div#home-slider, div.orbit-wrapper {width: 490px; height: 330px; margin-right: 10px; float: left; }

div#home-slider div.slider-item { width: 490px; height: 330px; 

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


div#home-slider div.slide-caption {  background: #000;
    background: rgba(0,0,0,.6); position: absolute; bottom: 10px; left: 20px; padding: 10px; color: white; max-width: 300px;}
div#home-slider div.slide-caption {font-weight: normal; }
div#home-top-centre {width: 205px; float: left; margin-right: 10px; height: 330px; overflow: hidden;}
div#home-top-centre ul { margin: 0px 10px 0px -10px; font-family: 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial'; font-size: 13px; }
div#home-top-centre ul li {margin: 10px 0px 5px 0px;}
div#home-top-centre h2 {border-bottom: 1px solid #d3d3d3; text-indent: 10px; font-size: 18px;}

div#home-exhibitor-login { width: 215px; float: left; height: 330px; }

div.box-tab { width: 100px; margin: 0px auto; }
div.box-tab-main
{
color: white; 
font-family: 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial';
font-size: 15px;
font-weight: 600;
text-align: center;
padding: 5px;
min-height: 35px;
background: #aa0000; /* Old browsers */
background: -moz-linear-gradient(top, #7f0000 0%, #aa0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f0000), color-stop(100%,#aa0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7f0000 0%,#aa0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7f0000 0%,#aa0000 100%); /* Opera11.10+ */
background: linear-gradient(top, #7f0000 0%,#aa0000 100%); /* W3C */


}
div.box-tab-arrow 
{
	height: 8px;
	background-image: url(/images/2011/box-tab-arrow-red.png);
	background-repeat: no-repeat;
	background-position: center top;
}

div#home-slider div.box-tab

{position: absolute; 
top: 0px; right: 35px;
width: auto;
min-width: 100px;
max-width: 200px;
}

div#home-slider div.box-tab-main {

padding-left: 10px; padding-right: 10px; color: yellow; vertical-align:middle;}

div#login-form {margin: 5px 10px; }

div#login-form input.field {width: 150px; height: 13px;}
input.button, a.buttonlike {

position: relative;
display: inline-block;
cursor: pointer; 
margin: 0px 0px 1px 0px;
color: white; 
text-decoration: none;
font-family: 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial';
font-size: 13px;
text-align: center;
padding: 4px 20px 3px 5px;

background-color: #7f0000;


background-image: url(/images/2011/white-arrow-for-button.png);
background-repeat: no-repeat;
background-position: right center;


border: 1px solid #D3D3D3;

 -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

behavior: url(/javascript/PIE.htc);
-webkit-background-clip: padding-box;
}

input.button:active, a.buttonlike:active

{
margin: 1px 0px 0px 0px;
}
div#login-form p {margin: 5px 0px 5px 0px; font-family: 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial';}

div#login-form p.formlabel {text-indent: 15px; margin: 0px 0px 5px 0px;  text-shadow: 0px 1px 0px #ffffff;
}

div#exhib-info-foot {font-family: 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial'; font-size: 14px; font-weight: bold;
margin: 0px 10px;}

div#exhib-info-foot h3 { margin: 0px 0px 5px 0px;}

div#home-middle-bold { color: #a0202c; font-family: 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial'; font-size: 20px; font-weight: bold; margin: 20px 0px; text-align: center;}

div#brands-box
{
margin-top: 20px;
padding: 15px 10px;
}
div#brands-box h2 { display: inline; float: left; width: 180px;}

div#brands-box div.brands-column {width: 170px; float: left; display: inline;}

div#brands-box div.notfirst {border-left: 1px solid #d3d3d3; padding-left: 10px; }

div#brands-box div.brands-column div {margin-bottom: 3px; }
div#brands-box div.brands-column a {text-decoration: none; color: #000; font-weight: normal; font-size: 13px; font-family:  'Helvetica', 'Arial';}
div#brands-box div.brands-column a:hover {color: #999;}
div#brands-box div.brands-column a:active {color: #515151;}

div#find-fb-badge {
background-image: url(/images/2011/find_us_on_facebook_badge.gif);
background-repeat: no-repeat;
width: 144px; 
height: 44px;
position: absolute; bottom: 20px; right: 55px;
	}


div#homepage-news {  font-family: 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial'; }
div#homepage-news h2 a { color: #a0202c; font-size: 20px; font-weight: normal; line-height: auto; text-decoration: none; }

div#homepage-news img.alignright {float:right; margin: 5px 0px 0px 5px; }

div.news-text {position: relative; min-height: 140px;}

div.news-text a.buttonlike {position: absolute; bottom: 0px; left: 0px;}

div#homepage-news div.news-dateline, div.news-fb {margin-top: 5px; width: 210px; }

div.news-fb iframe {width: 210px !important;}
div#homepage-news div.news-dateline div {font-size: 13px; display: inline;}

div#homepage-news div.comment-count {float: right; 
	padding-left: 25px;
	background-image: url(/images/2011/comment-bubble.png);
	background-repeat: no-repeat;
	background-position: left center;}

div#homepage-news div.news-dateline div.zero {opacity: 0.7; filter:alpha(opacity=70);}

/* end - homepage styles */

/* news detail */

div#news-detail div#date-title {float: left; display: inline; }

/* end - news detail */

/* social buttons */

div#social-buttons { float: right; display: inline;}

div#social-buttons div.social-button {float: left; display: inline; margin-left: 10px;}


/* end - social buttons */

/* news list */

div#news-list h3 {margin-top: 0px; margin-bottom: 3px;}
div#news-list div.news-date { color: #706f6f;}
div#news-list a { font-weight: bold;}

div#news-list div.xfb-like {float: left; }
div#news-list div.comment-count {float: left; 
margin-left: 50px;
margin-top: 3px;
	padding-left: 25px;
	background-image: url(/images/2011/comment-bubble.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 13px; 
	font-family: 'Myriad Pro', 'Myriad', 'Helvetica', 'Arial'; 
 }

/* end - news list */


/* general styles */

td.horizline { border-top: 1px solid #ccc; }
td.horizlinelighter ( border-top: 1px solid #dcdcdc; }

/* end - general styles */