body
{
margin:0;
padding:0;
text-align:center;
font:76% "Trebuchet MS", Helvetica, serif;
color:white;
background: #000 url(i/grad.png) repeat-x;
}

a{
font-weight: bold;
color: #fff;
text-decoration: none;
}

a:hover{
text-decoration: underline;
color: #b5c900;
}

img { float: left; }

img { border: 0 !important; padding: 0 2px 2px 0; }
img a { border: 1px solid #000 !important;}

/*ul, li { margin: 0!important; padding: 0!important;  }*/

ul { list-style: none; }
li, li a { list-style-type: none; }

/*
-----------------------------------------------------> TOP 'HEADER' */


#top{
width:100%;
margin:auto;
padding:0;
background: url(i/banner.png) center no-repeat;
height:152px;
text-align:center;
}

#top_container{
width:900px;
margin:auto;
padding:0;
height:152px;
}

#top h1{
margin: 15px 0 0 0;
padding: 0;
float: left;
}

#top h1 a{
display: block;
margin: 0;
padding: 0;
float: left;
width: 309px;
height: 76px;
background: transparent url(i/logo2.png) top left no-repeat;
text-indent: -100000px;
}

/* #top h1 a:hover { opacity: 0.8; } */


#address{
float:right;
height: 70px;
margin: 8px 0 0 0;
padding: 0;
display: block;
line-height: 150%;
}

html>body #address { margin: 4px 0 0 0; }

#address p
{
padding: 0;
text-align: left;
color: #fff;
letter-spacing:2px;
display: block;
float: left;
font-size: 90%;
}

#address p b
{
}

#address p.belfast
{
border-right: 1px solid #5F5F5F;
padding-right: 1em;
}

#address p.lisburn
{
padding-left: 1em;
}

/*
-----------------------------------------------------> 3 COLUMNS */


#container{
width:900px;
margin:auto;
margin-top:30px;
/* background: #000 url(i/container_bg.png) top left repeat-y; */
}

/*#container_bg{
float: left;
background: #000 url(i/container_bg.png) top left repeat-y;
margin: 0 0 20px 0;
padding: 0;
}*/



/*
-----------------------------------------------------> CENTRE COLUMN */


#main_content {
margin-left: 210px;
width: 440px; /*for ie only*/ 
text-align: left;
height: 500px;
}

/* a { text-decoration: underline; } */

html>body #main_content { margin-left: 220px; width: 465px !important;  }

html>body #main_content { margin-left: 215px; width: 450px !important;  } /* to accomodate IE7*/

#main_content h2
{
display: block;
width: 430px;
height: 50px;
margin: 0;
padding: 0;
color: #036;
text-indent: -999em;
}

#main_content h3
{
color: #9CB1B8;
font-size: 150%;
}

#main_content h3.left
{
float: left;
width: 440px;
padding: 1.2em 0 0 0;
display: block;
}

#main_content strong
{
color: #9CB1B8;
color: #498DD3;
}

#main_content h4
{
color: #498DD3;
font-size: 130%;
display: block;
}

.news_item
{
float: left;
border-bottom: 1px solid #333;
display: block;
width: 420px;
padding: 7px 0;
}

/* html>body .news_item { width: 635px !important; } */

/*#main_content b
{
color: #BFD023;
font-size: 110%;
}*/

#main_content b.hilite
{
color: #498DD3;
font-size: 110%;
font-weight: bold;
margin: 0;
padding: 0;
}

#main_content hr
{
color: #000;
background: #000;
border: 1px solid #000;
}

#main_content h2#h_0 { background: url('i/h2_welcome2.png') 0 0;}
#main_content h2#h_1 {  background: url('i/h2_shop2.png') 0 0; }
#main_content h2#h_2 {  background: url('i/h2_haircuts2.png') 0 0; }
#main_content h2#h_3 {  background: url('i/h2_bookings2.png') 0 0; }
#main_content h2#h_4 {  background: url('i/h2_treatments2.png') 0 0; }
#main_content h2#h_5 {  background: url('i/h2_Vouchers.png') 0 0; }
#main_content h2#h_6 {  background: url('i/h2_team2.png') 0 0; }
#main_content h2#h_7 {  background: url('i/h2_jobs2.png') 0 0; }
#main_content h2#h_8 {  background: url('i/h2_contact2.png') 0 0; }
#main_content h2#h_9 {  background: url('i/h2_news2.png') 0 0; }
#main_content h2#h_10 {  background: url('i/h2_opening_hours2.png') 0 0; }


#main_content p{
font: 120% "Trebuchet MS", Helvetica, sans-serif;
}






/*
-------->>> PRODUCT BOXES
*/

.full_product
{
width: 400px;
float: left;
background: #111;
margin: 0;
padding: 5px;
}


.date { font-weight: bold; color: #999; }
.news_item img, .closeup img  { float: left; border: 1px solid #000; margin:  0 5px 5px 0; }

.staff
{
width: 190px;
float: left;
background: #111 url(i/product.png) 0 0 no-repeat;
margin: 0 20px 0 0;
padding: 5px;
}

html>body .staff { width: 190px; margin: 0 25px 0 0; }

.staff p
{
font-size: 95% !important;
}

.staff.pinball-on
{
background: #111 url(i/product.png) -200px 0 no-repeat;
color: #b5c900;
}

.product
{
width: 430px;
float: left;
/* background: #000 url(i/product2.png) 0 0 no-repeat; */
margin: 0 0 0 0;
padding: 5px;
border-bottom: 2px solid #121212;
}

.product.pinball-on
{
border-bottom: 2px solid #BFCF2D;
/* background: #000 url(i/product2.png) -440px 0 no-repeat; */
background: #000 url(i/product2.png) 0 0 no-repeat;
}


.product p
{
/* font-size: 15% !important; */
}

.product p.right
{
float: right;
}


.product h4 { margin-top: 0; font-size: 120%; }
.product h4 a { color: #498DD3; }
.product h4 a:hover { color: #BFD02A; text-decoration: none; }

.staff h4 { margin-top: 0; font-size: 120%; }
.staff h4 a { color: #498DD3; }
.staff h4 a:hover { color: #BFD02A; text-decoration: none; }
h4.title_green a { color: #BFD02A; text-decoration: none; }
.product img  { float: left; border: 1px solid #000; margin:  0 5px 5px 0; }
.teaser { font-size: 80%; }

.empty { display: block; float: left; padding: 10px; text-align: center; width: 400px; font-size: 120%; }
.full { display: block; float: left; text-align: left; width: 400px; }
.bio { padding: 0 5px; margin: 0 0 0 20px; display: block; float: left; width: 250px; }
.bio p { margin-top: 0; }


p.price { float: left; clear: left; padding: 2px; /*background: #222;*/ }





h5.button 
{
float:left;
background:url(i/button.png) no-repeat right top;
margin:0 0 0 9px;
padding:0;
text-align:center;
line-height: 1;
/* clear: left; */
}

h5.button a 
{
line-height: 1;
float:left;
display:block;
text-transform: uppercase;
letter-spacing:1px;
text-align:center;
background:url(/i/butt_right.png) no-repeat left top;
padding:10px 15px 10px 15px;
text-decoration:none;
color:#fff;
}

h5.button_b 
{
float:right;
background:url(i/button.png) no-repeat right top;
margin:0 0 0 9px;
padding:0;
text-align:center;
line-height: 1;
/* clear: left; */
}

h5.button_b a 
{
line-height: 1;
float:left;
display:block;
text-transform: uppercase;
letter-spacing:1px;
text-align:center;
background:url(/i/butt_right.png) no-repeat left top;
padding:10px 15px 10px 15px;
text-decoration:none;
color:#fff;
}


h5.button_b a:hover
{
color:#C4D435;
text-decoration: none;
}

h5.button a:hover
{
color:#6d6d6d;
text-decoration: none;
}

/*
-------->>> SHOPPING CATS BOXES
*/

.category
{
width: 400px;
display: block;
float: left;
margin: 0 0 20px 0;
padding: 5px;
font-size: 80%;
}

.category h3 { font-size: 140%; }
.category img { float: left; padding: 0 5px 5px 0; border: 0px; }
.category img a, .pinball-sinkhole a  { border: 0px; }

img.closeUp { margin:  0 5px 5px 0;}

.category a
{
font-weight: bold;
color: #fff;
text-decoration: none;
border: none;
}

.category a:hover
{
color: #b5c900;
}

.category.pinball-on, .category.pinball-on p, .category.pinball-on h3 a
{
background: #111;
color: #b5c900;
}



/*
-------->>> SHOPPING TABLE
*/

#main_content table
{
border: 1px solid #444;
width: 96%;
padding: 2px;
background: #222;
margin-bottom: 20px;
}


#main_content table.plain_table
{
border: 0;
padding: 0;
width: 100%;
}

#main_content th
{
background: #333;
color: #fff;
text-align: center;
}

#main_content th.green
{
background: #BFD02A;
color: #000;
text-align: center;
}

#main_content td.blue
{
background: #1D629F;
color: #fff;
text-align: center;
font-size: 120%;
padding: 3px;
}

#main_content td.blue a
{
color: #fff;
}

#main_content td.blue a:hover
{
color: #fff;
}



#main_content tr
{
border-bottom: 1px solid #ddd;
}

#main_content tr.ruled
{
 background: #555;
}

#main_content td.image
{
background: #fff;
}

.summary
{
text-align: right;
}

h4.remove a { 
background: url(i/delete.png) top left no-repeat; 
padding: 0 0 0 20px; margin: 0 0 0 20px; font-size: 90%; }

#main_content tr.ruled h4.remove a { background-position: 0 -32px; }

h4.remove a:hover { background-position: 0 -32px; color: #600; text-decoration: none; } 

a.add
{
font-size: 170%;
text-decoration: none;
display: inline;
padding: 5px;
}

a:hover.add
{
text-decoration: none;
color: #600;
}


/*
-------->>> CALENDAR TABLE
*/
.table.calendar {border: 1px solid #000000; border-collapse: collapse; color: #000000;  }
tr.green { background: #95A123; }
.today { border: 1px solid #444; color: #000000; background: #444; font-weight: bold; text-align: center; }
.monthdays {border: 1px solid #434470; color: #000000; background: #FFFFFF;text-align: center; }
.nonmonthdays { color: #efefef; text-align: center;  text-indent: -999em; }



/*
-------->>> FORM
*/

.confirm_details
{
float: left;
width: 400px;
display: block;
}

.user_details
{
float: left;
}

fieldset
{
border: 0;
padding:4px; 
margin:20px 0 2em 0;
width: 400px;
background: #444;
}

html>body fieldset { width: 430px; }

legend
{
/* display: none; */
font-weight: bold;
font-size: 120%;
display: block;
width: 20%;
color: #BFD033;
margin: 0 0 .5em 0;
float: left;
}

label { float: left; width: 100px; font-weight: bold; }

input, textarea { margin-bottom: .5em; }

.error
{
background: #fff;
border: #777;
width: 350px;
margin: 10px 0 10px 50px;
color: #900;
float: left;
display: block;
}


		#errormsg
		{
			border:1px solid #333;
			padding:5px;
			width:20em;
		}    
		.form_error
		{
			background:#fcc;
		}

.message
{
float: left;
margin: 0 0 0 50px;
width: 300px;
display: block;
font-size: 110%;

}

.error_form
{
color: #FF360F;
font-weight: bold;
margin-bottom: .5em;
}

html>body .error_form 
{ background: url(i/error_button.png) top left no-repeat; padding-left: 18px; }

.ok_form
{
background: transparent;
color: #BFD033;
margin-bottom: .5em;
}

html>body .ok_form
{ background: url(i/ok_button.png) top left no-repeat; padding-left: 18px; }


/* PHP GENERATED RESPONSES */
p.err { width: 80%; text-align: center; padding: 10px; background: #111 url(i/err.png) top left no-repeat; border: 1px solid #222; }
p.info { width: 80%; text-align: center; padding: 10px; background: #111 url(i/info.png) top left no-repeat; border: 1px solid #222; }

/*
-----------------------------------------------------> LEFT COLUMN */





#leftnav{
display:block;
width: 198px;
min-height:500px;
height: 500px;
float: left;
background:#2B2B2B url(i/nav_corners.png) no-repeat;
padding: 0 0 20px 0;
text-align:left;
}

html>body #leftnav{ height: auto; }

	#nav, #nav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 180px;
		font-size: 130%;
		line-height:200%;
		margin:0;
		padding:10px 0 0 15px;
	}
	
	#nav li { /* all list items */
		position : relative;
		float : left;
		line-height : 1.25em;
		margin : 0 0 -1px 0;
/* 		width: 180px; */
		
	}
	

	ul#nav li.top {
		display: block;
		height: 20px;
		left: -999em;
	}

	#nav li ul { /* second-level lists */
		display: none;
		position : absolute;
		left: -999em;
		margin-left : 165px;
		margin-top : -5em;
	}
	html>body #nav li ul { margin-left: 165px; }
	
	#nav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	#nav li a {
		width : 145px;
		padding : 0.5em 0 0.5em 27px;
		margin: 0 0 0 0px;
		display : block;
		color : #fff;
		font-weight : bold;
		text-decoration : none;
		background : transparent;
	}
	
	html>body #nav li a { width: 160px; }


	#nav li a:hover {
		color: #7FBFFF;
		color: #6AA8BF;
/* 		background-color: #333; */
		background: transparent url(i/bullet.png) no-repeat 0 50%;
	}

	#nav li a.current { background: transparent url(i/bullet_current.png) no-repeat 0 50%; color: #9CB1B8; }


	#nav li li a {
		 text-align: left;
		 background: #2F2F2F;
		 color: #fff;
		 border: 1px solid #222;
		 background-image: none;
		 margin: 0;
		height: 1.2em;
		padding: 0.3em 0.3em 0.3em 0.6em;
		margin: 0;
		font-size: 70%;
		width: 170px;
	}

	#nav li li li a { font-size: 50%; }
	html>body #nav li li li a { font-size: 70%; }


	#nav li li a:hover {
		 border: 1px solid #8F9F00;
		 background: #b5c900;
		 color: #000;
		 background-image: none;
	}

	
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}





/*
-------------------------------->	POP MENUS
*/



/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0 0 0 0;
  border: 0 none;
  padding: 0;
  width: 198px; /*For KHTML*/
  list-style: none;
}

ul#navmenu li {
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
}

ul#navmenu li.top {
display: block;
 height: 20px;
 left: -9999em;
}

/* Root Menu */
ul#navmenu a {
  margin: 0 0 0 15px;
  display: block;
  text-decoration: none;
  height: auto !important;
  height: 1%; /*For IE*/
}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
	color: #ccc;
	color: #3B9CE3;
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	list-style-type: none;
	background-image: none;
	background-color: #000;
	color: #fff;
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background-image: none;
	background-color: #b5c900;
	 color: #000;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  list-style-type: none;
  position: absolute;
  top: -35px;
  left: 170px;
  z-index: 2;
  font-size: 80%;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}

/*	CAT MENU	*/
/*	SUB CATS DROP DOWN MENU	*/
ul#catMenu
{
list-style-type: none;
list-style: none;
font-size: 120%;
}

#catMenu, #catMenu ul 
{ /* all lists */
padding: 0;
margin: 0 0 0 0;
list-style: none;
line-height: 120%;
z-index: 1000;
width: 260px;
display: block;
float: left;
}

#catMenu a 
{
display: block;
}

#catMenu, #catMenu ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

/*#catMenu a {
	display: block;
	width: 400px;
}*/

#catMenu li { /* all list items */
	float: left;
	width: 240px;
	height: 1.5em;
	line-height: 150%;
}

.master
{
	background: url(i/dropdown.png) bottom left no-repeat;
	text-indent: 24px;
	width: 250px;
	font-size: 90%;
}

.master a { color: #000; }

#catMenu li ul { /* second-level lists */
	position: absolute;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

/*IE7 fix*/
#catMenu li:hover, #catMenu li.hover {
    position: static;
}


.sub_head
{
background: #efefef;
color: #333;
background-image: none;
line-height: 140%;
border-bottom: 2px solid #fff;
font-style: italic;
text-align: center;
}

#catMenu li li a
{
text-align: left;
height: auto;
padding: 2px 0;
text-indent: 6px;
width: 240px;
margin: 0;
background: #dedede;
color: #333;
background-image: none;
line-height: 140%;
border-bottom: 1px solid #ddd;
}

#catMenu li li a:hover
{
background: #B5C900;
text-decoration: none;
}

#catMenu li:hover ul, #catMenu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


/*
-----------------------------------------------------> RIGHT COLUMN */
#rightnav{
width: 230px;
float: right;
text-align: center;
margin-right:-40px; /*ie only*/
padding:0;
}

html>body #rightnav { margin:0; /*other browsers*/ }

div.feature{
float:right;
width: 230px;
background: url(i/feature_corners.png) top left no-repeat;
display: block;
font-weight: bold;
margin:0 0 20px 0;
}


div.feature_shop{
float:right;
width: 230px;
background: url(i/feature_shop2.png) top left no-repeat;
display: block;
font-weight: bold;
margin:0 0 20px 0;
}

div.feature_offer{
float:right;
width: 230px;
background: url(i/feature_offer.png) top left no-repeat;
display: block;
font-weight: bold;
margin:0 0 20px 0;
}

div.feature_gift{
float:right;
width: 230px;
background: url(i/feature_gift2.png) top left no-repeat;
display: block;
font-weight: bold;
margin:0 0 20px 0;
}

div.feature_info{
float:right;
width: 230px;
background: url(i/feature_info.png) top left no-repeat;
display: block;
font-weight: bold;
margin:0 0 20px 0;
}

#rightnav h3{
font: 140% "Trenuchet MS", Helvetica, serif;
font-weight: bold;
width: 130px;
margin: 0 0 5px 10px;
padding: 0 0 5px 0;
text-align:center;
line-height:100%;
color: #FFFCAF;
}

html>body #rightnav h3 { margin: 0 0 0 30px;  }

#rightnav p{
font: 120% "Trenuchet MS", Helvetica, serif;
color:#D5BBBB;
text-align:left;
}

#rightnav p.center{
font: 120% "Trenuchet MS", Helvetica, serif;
font-weight:bold;
color:#D5BBBB;
text-align:center;
}

#rightnav ul {
list-style: none;
text-transform: uppercase;
letter-spacing: 1px;
text-align: center;
margin: 10px 0 0 0;
padding: 0;
font-size: 70%;
}

#rightnav li {
float: left;
background: url(i/button_right.png) no-repeat right top;
margin: 0 0 0 9px;
padding: 0;
text-align: center;
}

#rightnav li a {
display: block;
background: url(i/button_left.png) no-repeat left top;
padding: 10px 15px 10px 15px;
text-decoration: none;
color: #fff;
font-size: 120%;
}

#rightnav li a:hover {
color: #6d6d6d;
}

#rightnav img {
float: right;
}

div.offer_contents, div.info_contents {
width: 180px;
margin: 35px 50px 5px 40px;
}

html>body .feature_contents { margin:-10px 50px 0px 40px; /*other browsers*/ }

div.feature_contents{
width:180px;
margin:7px 50px 0px 40px;
padding:0;
}


/*
-----------------------------------------------------> FOOTER */
#footer
{
display: block;
width: 100%;
float: left;
clear: both;
text-align: center;
margin: 30px 0;
font-size: 90%;
}


/*
-----------------------------------------------------> MISC */

a.starfish
{
/* width: 25em; */
/* display: block; */
color: #999;
/* padding: 0 0 0 16px; */
/* background: url(i/starfish.png) 0 0 no-repeat; */
margin: 0 auto;
text-decoration: none;
line-height: 150%;
}

a:hover.starfish
{
color: #fff;
/* background: url(i/starfish.png) -200px 0 no-repeat; */
text-decoration: none;
}


.clearing {
	height: 0;
	clear: both;
}

.clear {
float: left;
margin-top: 20px;
width: 400px;
height: 3px;
display: block;
}

.clear_side {
float: left;
margin-top: 5px;
width: 180px;
height: 1px;
display: block;
}

.clear_news {
	clear: left;
	float: left;
	margin: 7px 0;
	width: 450px;
	height: 3px;
	border-bottom: 1px solid #222;
	display: block;
}

.float_right
{
	text-align: right;
	font-size: 80%;
}

.small_cart
{
	text-align: left;
	font-size: 90%;
}

/* html>body .clear_news { width: 350px; } */

#mapWrap
{
float: left;
position: relative;
margin: 0;
padding: 0;
display: block;
width: 430px; 
height: 400px;
background: transparent;
}

#map
{
z-index: 1;
position: absolute;
top: 0;
left: 0;
width: 430px; 
height: 400px;
}



/*
-------->>> LIST WITH THUMBNAILS FOR SHOP AND TREATMENTS
*/
ul.thumb_treatments
{
display: block;
float: none;
font-size: 140%;
margin: 0 0 0 7px;
padding: 0;
float: left;
}

html>body ul.thumb_treatments { margin: 0 0 0 20px; }

ul li.thumb_treatments, ul li.thumb_treatments a
{
display: block;
float: left;
}


.thumb_treatments li
{
margin-bottom: 0.2em;
margin-right: 10px;
float: left;
}

.thumb_treatments li a
{
display: block;
width: 130px;
height: 100px;
text-indent: -999999em;
position: relative;
border-bottom: 5px solid #000;
}


.thumb_treatments li a:hover
{
border-bottom: 5px solid #b5c900;
}



ul.thumb_shop
{
display: block;
float: none;
font-size: 140%;
margin: 0 0 10px 7px;
padding: 0;
float: left;
}

.thumb_shop li a img
{
position: absolute;
top: 0;
left: 0;
}

html>body ul.thumb_shop { margin: 0 0 0 10px; }

ul li.thumb_shop, ul li.thumb_shop a
{
display: block;
float: left;
}


.thumb_shop li
{
margin-bottom: 0.2em;
/* margin-right: 10px; */
margin-right: 1px;
float: left;
}

.thumb_shop li a
{
display: block;
/*width: 130px;
height: 155px;*/
width: 70px;
height: 75px;
text-indent: -999999em;
position: relative;
border-bottom: 5px solid #000;
}

.thumb_shop li a img
{
position: absolute;
top: 0;
left: 0;
}


.thumb_shop li a:hover
{
border-bottom: 5px solid #b5c900;
}

/*
-------->>> LIST WITH BULLETS (GENERAL)
*/
ul.listing
{
display: block;
float: left;
font-size: 140%;
width: 300px;
}

ul li.listing, ul li.listing a
{
display: block;
float: none;
}


.listing li
{
margin-bottom: 0.4em;
}

.listing li a
{
padding-left: 22px;
background: transparent url(i/listing.png) 0 50% no-repeat;
}

.listing li a:hover
{
background-position: -500px 50%;
text-decoration: none;
}

/*	PAGINATE	*/
.paginate
{
float: right;
/* width: 400px; */
margin: 0 0 1em 0;
}

.paginate ul
{
margin: 0;
padding: 0;
list-style-type: none;
list-style: none;
float: left;
}

.paginate li
{
list-style-type: none;
list-style: none;
float: left;
margin: 0 1em 0 0;
padding: 0;
font-weight: bold;
}

.paginate li a
{
padding: 5px;
background: #222;
border: 1px solid #444;
}

.paginate li a:hover 
{
text-decoration: none;
background: #B5C900;
color: #000;
border: 1px solid #9DAF00;
}

.paginate li a.current, .paginate li a.current:hover
{
background: #000;
color: #ddd;
border: 1px solid #222;
}

/*  */
.white { color: #fff; font-weight: bold; font-size: 120%; }

#errormsg
{
background: #444;
margin-bottom: 1em;
}


.feedback
{
display: block;
float: left;
margin: 90px 0 0 20px;
width: 130px;
height: 150px;
background: #2B2B2B url(i/feedback.png) top left no-repeat;
}

.feedback p
{
width: 90px;
margin: 50px 0 0 7px;
}

html>body .feedback { margin: 90px 0 0 40px;  }

#featured
{
float: left;
display: block;
width: 420px;
height: 150px;
/* background: #999; */
margin-bottom: 20px;
}

h5.sub_title
{
color: #498DD3;
font-size: 110%;
font-weight: bold;
}

.teaser
{
font-size: 90%;
}