/*-----------------------------------------------------------
Description: Best 2010
Version: 1.0
Author: Mark Edwards
Author URI: www.aspevents.net
-----------------------------------------------------------*/



/* RESET
-----------------------------------------------------------*/
a img {border:none;}
.clear {clear:both;}
h1,h2,h3,h4,h5,h6,div {margin:0; padding:0;}
#center ul {margin-left:1.3em; padding:0;} /* To make bulletpoints show correctly in the content */
/*-----------------------------------------------------------*/



/* WEBSITE HTML/BODY
-------------------------------------------------------------*/
html, body {border:0; margin:0; padding:0;}
body {font: 0.80em/1.6em  Arial, Sans-serif; text-align:center; color:#6f6f6f;  background:url(../g/2010/template/best_bg.gif) repeat-x #fff;}
a:link {color:#ed028d; text-decoration:none;} /* unvisited link */
a:visited {color:#ed028d; text-decoration:none;} /* visited link */
a:hover {color:#9a4e9e; text-decoration:none;} /* mouse over link */
a:active {color:#ed028d; text-decoration:none;} /* selected link */
/*-----------------------------------------------------------*/



/* STRUCTURE
-----------------------------------------------------------*/
/*Wrappers*/
#PageBody_DIV {width:100%;}
#wrapper {width:999px; margin:0 auto; position:relative;}

/*Header (containers)*/
#header {width:999px; height:156px;}
#header-left {float:left; width:531px; height:156px; padding:0; margin:0;}
#header-right {float:right; width:468px; height:156px; padding:0; margin:0;}

/*Header Links (inside #header-right) */
#header-links{float:right; height:28px; padding-bottom:18px; text-align:right;}

/*Breaking News (inside #header-right)*/
#latest-news {width:358px; height:25px; padding-top:6px; background:url(../g/2010/template/bg_bestnews.gif) no-repeat; padding-left:110px; font:1em Arial, Sans-serif; margin-bottom:7px; text-align:left;}
#latest-news a {color:#ec008c;}
#latest-news a:hover {color:#9a4e9e;}

/*468x68 Banner (inside #header-right)*/
#468x68-banner {width:468px; height:60px; }

#navbar{float:left; width:999px; padding:0; margin:0; }

/*Search*/
#search {float:left; width:158px; height:47px; background:url(../g/2010/template/bestsearch_bg.gif) no-repeat;}
.seek{position:absolute; top:155px; right:5px;}

/*Content (and base content font)*/
#content {float:left; width:999px; text-align:left;}

/*Column Left */
#col_left{float:left; width:185px;}

/*Column Middle*/
/*#pb_top{float:left; width:645px; padding:0; margin:0;}*/
#center {float:left;  width:645px; padding-left:15px; padding-right:15px; _padding-left:10px; _padding-right:10px;}

/*Column Middle wide format*/
#center_wide {float:left;  width:799px; padding-left:15px; margin:0; _padding-left:10px;}

/*Column Right Homepage*/
#col_right{float:left; width:139px; margin-top:42px;}

/*---------------------------------------------------------*/

/* NAVIGATION
-----------------------------------------------------------*/

#nav{width:841px; height:40px; float:left; background:url(../g/2010/menu_bg.gif) repeat-x;}

/*********[BEGIN]mainmenu*********/
.menu1{ z-index:999; float:left;  text-align:left; width:841px;  height:40px; position:relative;}
.menu1 li{float:left; margin:0; padding:0; position:relative; }
.menu1 ul{margin:0; padding:0;}
.menu1 table{position:absolute; border-collapse:collapse; z-index:80; left:-1px; top:39px;} 	/* use the table to position the dropdown list (only to I.E.6) */
.menu1 ul li{display:block; margin:0; padding:0; list-style:none; text-align:left; }
.menu1 ul li:hover, .menu1 ul li a:hover{ display:block; list-style:none; margin:0;/*main menu Background on hover*/}
.menu1 ul li a:hover{ list-style:none; margin:0;}
.menu1 ul li a{display:block; font: bold 1em Arial, Sans-serif; color:#000; text-decoration:none; list-style:none;}
.menu1 ul li a:hover{display:block;  font: bold 1em Arial, Sans-serif; color:#000; text-decoration:none;  list-style:none;}
/*********[END]mainmenu*********/

	
/*********[BEGIN]submenu*********/
.menu1 ul ul{display:block; list-style:none; margin:0; padding:0;}
.menu1 ul ul li{position:relative; display:block; width:150px; margin:0; padding:0;}
.menu1 ul ul li a{background-color:#666167; color:#fff; font: bold 1em Arial, Sans-serif; padding:6px 5px;}
.menu1 ul ul li a:visited{background-color:#666167; color:#fff; font: bold 1em Arial, Sans-serif;  padding:6px 5px;}
.menu1 ul ul li a:hover{background-color:#393939; color:#fff; font: bold 1em Arial, Sans-serif; padding:6px 5px;}
.menu1 ul ul li a:active{background-color:#393939; color:#fff; font: bold 1em Arial, Sans-serif; padding:6px 5px;}
.menu1 ul ul li:hover {background:none; margin:0; padding:0;} /* To get rid of the repeating of background color from the main menu*/
.menu1 ul li:hover ul li{background:none;margin:0; padding:0;} /* To get rid of the repeating of background color from the main menu*/
.menu1 ul ul {visibility:hidden; position:absolute; height:0; list-style:none;margin:0; padding:0;}
.menu1 ul li:hover ul, .menu1 ul a:hover ul{visibility:visible;margin:0; padding:0;}

/*********[END]submenu*********/



/* HEADINGS
-----------------------------------------------------------*/
.titlespace{height:43px;}
.pageTitleLeft{float:left; width:16px; height:43px;}
.pageTitleRight{float:left; width:16px; height:43px; padding:0; margin:0;}
h1 {float:left; font:bold 1.6em Arial, Sans-serif; color:#9a4e9e; letter-spacing:-1px; background-color:#fff; padding-top:10px; padding-bottom:7px; margin:0;} 
h2 {font:bold 1.3em Arial, Sans-serif; color:#fff; letter-spacing:-1px; padding:8px 0 0 16px;} 
h3 {font:bold 1.1em Arial, Sans-serif; color:#9a4e9e; margin-top:20px; margin-bottom:5px; padding:0;}
h4 {font:bold 0.95em Arial, Sans-serif; color:#6d3770; padding:6px 0 0 8px;} 
h5 {margin-bottom:15px;}
/*---------------------------------------------------------*/



/* SHEETS
-----------------------------------------------------------*/
/*Bordered Sheet (Default)*/
.fullsheet{float:left; width:645px; margin:0; padding:0;}
.leftsheet{float:left; width:315px; margin-right:15px; padding:0;}
.rightsheet{float:left; width:315px; padding:0; margin:0;}
.titlefull{float:left; width:100%; height:34px; background:url(../g/2010/template/sheettitlefull_bg.gif) repeat-x;}
.titleleft{float:left; width:100%; height:34px; background:url(../g/2010/template/sheettitlehalf_bg.gif) repeat-x;}
.titleright{float:left; width:100%; height:34px; background:url(../g/2010/template/sheettitlehalf_bg.gif) repeat-x;}
.fullsheetbottom{float:left; width:645px; height:25px; background:url(../g/2010/template/fullsheetend.gif) no-repeat;}
.leftsheetbottom{float:left; width:315px; height:25px; background:url(../g/2010/template/halfsheetend.gif) no-repeat;}
.rightsheetbottom{float:left; width:315px; height:25px; background:url(../g/2010/template/halfsheetend.gif) no-repeat;}
.fullbodysheet{float:left; width:613px; padding:15px; border-left:1px solid #bbb5bb; border-right:1px solid #bbb5bb;}
.leftbodysheet{float:left; width:283px; padding:15px; border-left:1px solid #bbb5bb; border-right:1px solid #bbb5bb;}
.rightbodysheet{float:left; width:283px; padding:15px; border-left:1px solid #bbb5bb; border-right:1px solid #bbb5bb;}
.bodysheet  p{padding:0 0 15px 0; margin:0;}
.sheetbody h3{padding-top:7px;}
/*---------------------------------------------------------*/

/* ACTIONS  */
/*---------------------------------------------------------*/
.actiontop{float:left; width:645px; height:10px; background:url(../g/2010/template/actiontop.gif) no-repeat;}
.actionbody{width:613px; padding:15px; border-left:1px solid #bbb5bb; border-right:1px solid #bbb5bb;}
.actionbtm{float:left; width:645px; height:25px; background:url(../g/2010/template/fullsheetend.gif) no-repeat;}

/*---------------------------------------------------------*/

/* PANELS
-----------------------------------------------------------*/
/*Plain Panel*/
.panel_1{padding:0;  margin:0; text-align:left;}

/*panel with 10px padding*/
.panel_2{padding-bottom:10px;}

/*Countdown panel*/
.panel_3{float:left; width:129px; height:63px; background:url(../g/2010/template/best_count_bg.gif) no-repeat; padding:30px 5px 0 5px; margin-bottom:10px;}

/*Bordered Panels*/
div.pn_bordered{margin-bottom:10px; border-bottom:1px solid #fff;}
div.paneltop{width:100%; height:32px; background:url(../g/2010/template/panel_t.gif) no-repeat right;}
div.pn_t{height:32px}
div.pn_b{background:url(../g/2010/template/panel_b.gif) repeat-x bottom;}
div.pn_l{background:url(../g/2010/template/panel_l.gif) repeat-y left;}
div.pn_r{background:url(../g/2010/template/panel_r.gif) repeat-y right;}
div.pn_bl{background:transparent url(../g/2010/template/panel_bl.gif) no-repeat scroll 0 100%;}
div.pn_br {background:transparent url(../g/2010/template/panel_br.gif) no-repeat scroll 100% 100%;}
div.pn_tl {float:left; width:5px; height:32px; background:transparent url(../g/2010/template/panel_tl.gif) no-repeat scroll 0 0;}
div.panelbody{padding:10px;}
div.paneltitle{text-align:left;}
.clear_all{margin:0; padding:0; line-height:0px;}

/*Bottom Panels*/
.panel_4{float:left; width:200px; margin-left:10px;}
.paneltitle_4{font:bold 1.2em Arial, Sans-serif; color:#fff; padding-bottom:5px;}
.panelbody_4{font:1em Arial, Sans-serif; color:#c6b1c7; padding-bottom:5px;}

/*marquee*/
.panel_top5{width:0; height:0; overflow:hidden;}
.panel_body5{width:355px;}
.panel_bottom5{width:0; height:0; overflow:hidden;}
/*---------------------------------------------------------*/

/* FOOTER
-----------------------------------------------------------*/
/*Wrapper*/
#footer-wrapper {width:100%; float:left; position:relative; background-color:#6d3770;}

/*Footer Content*/
#footer-content {width:999px;  padding:20px 0 20px 0; text-align:left; margin:0 auto;}
#footer-content ul {margin:0; padding:0;}
#footer-content li {list-style:none; display:block; color:#fff;  padding:0 0 0 0; border-bottom:1px solid #838385;  font:0.9em/25px Arial, Sans-serif; } 
#footer-content li a {display:block; color:#fff;  text-decoration:none;  /*IE6 Begin*/_line-height:0; _margin-bottom:-11px; _padding-bottom:5px; /*IE6 End*/}
#footer-content li a:visited {color:#fff;}
#footer-content li a:hover {color:#ef0b93;}
#footer-content li a:active {color:#fff;}

/*Opening Times*/
#opening-times {float:left; width:200px;}
#opening-times li {}

/*Show Sectors*/
#show-sectors {float:left; width:200px; margin-left:31px;}

/*Social Networking*/ 
#social-networking {float:left; width:200px; margin-left:31px;}

/*Footer Logos*/
#footer-logos {float:left; width:200px; margin-left:31px;}

/*Footer Links*/
#links {width:999px; font:1em Arial, Sans-serif; padding-top:10px; color:#fff; }
#links a {font:1em Arial, Sans-serif; color:#fff;}
#links a:hover {color:#ef0b93;}

/*Footer Bottom (Actual footer. Copyright, Privacy etc.)*/
#footer-bottom-wrapper {width:100%; background-color:#350737;  }
ul#footer {width:999px; height:49px; margin:0 auto; text-align:left; padding:0; } 
ul#footer ul {margin:0; padding:0;}
ul#footer li {list-style:none; display:inline;  color:#fff;  padding:0 2px 0 2px; margin:0;  font:0.95em/49px Arial, Sans-serif; letter-spacing:normal;}
ul#footer li a{ color:#fff;  text-decoration:none; padding:0;  font:0.95em/49px Arial, Sans-serif; letter-spacing:normal;}
ul#footer li a:visited{color:#fff; text-decoration:none; padding:0;}
ul#footer li a:hover{color:#ef0b93; text-decoration:none; padding:0;}
ul#footer li a:active{color:#fff; text-decoration:none; padding:0;}
/*---------------------------------------------------------*/


/* EZONE
-----------------------------------------------------------*/
.ez_po_header{color:#fff;}/*e-zone titles*/
.ez_header{color:#fff;}
/*---------------------------------------------------------*/



/* CONTENT SLIDER
-----------------------------------------------------------*/ 
.slidetitle{font-size:1.5em; font-weight:bold; padding:0; color:#eb018c;}

.sliderwrapper{
position: relative; overflow: hidden; width:645px; height:229px; float:left; margin:0px; background:url(../g/2010/template/best_bg_jquery.jpg) no-repeat #f0eff2;}

.sliderwrapper .contentdiv { visibility: hidden; position: absolute; left: 0; top: 0; width: 645px; height:229px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;}


.slider_title{font-size:1.2em; font-weight:bold; padding:0; color:#044a85;}

.pagination{
float:left;
padding:0;
margin:0;
width: 645px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height:49px;
text-align: left;
background-color: #fff;
}
#center ul.list {margin-left:0;}
ul.list{list-style:none; position:relative; margin:0; margin-left:0; padding:0; }
ul.list li{ float:left; height:49px; margin:0; margin-left:0; padding:0; }

/*.slide1 {padding:10px 27px 0 26px; border-right:solid 1px #5b5a5a;}
.slide2 {padding:10px 27px 0 26px; border-right:solid 1px #5b5a5a;}
.slide3 {padding:10px 27px 0 26px; border-right:solid 1px #5b5a5a;}
.slide4 {padding:10px 27px 0 26px; border-right:solid 1px #5b5a5a;}
.slide5 {padding:10px 27px 0 26px;}*/

.pagination a{
padding: 0 0px;
text-decoration: none; 
color: #fff;
font-weight:bold;
font-size:1.2em;
cursor:pointer;
margin:0;
}


.pagination a:hover, .pagination a.selected{
color: #00aeed;
cursor:pointer;
font-weight:bold;
margin-bottom:15px;
padding:0;
}


