body {font-size: 14px; font-family: arial, sans-serif;}

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

p {
text-align: left;
font: normal normal normal 1em/1.2em arial, helvetica, sans-serif;
} 

/*div layout*/

div#main_wrapper {width:940px;  margin-left:auto; margin-right:auto;} /* 
centers layout when > max width */

#header {
width: 100%;
/*border:1px solid blue;*/
}

#header_inner {
padding:1px 2px;
position:relative;
/*border:1px solid green;*/
}


#left_column {
background: #fff;
float: left;
width: 150px;
padding:2px 4px 2px 4px;
/*border: 1px solid blue;*/
}

#right_column {
background: #fff;
float: right;
width: 170px;
padding:2px 4px 2px 4px;
/*border:1px solid red;*/
}

#left_inner, #right_inner {
padding:2px 2px 2px 2px;
/*border: 1px solid yellow;*/
}


#header_inner, #left_inner, #content_inner, #content_inner_top, #right_inner, #products {
	overflow:hidden; /* prevents oversize elements from breaking the layout */
	}

#content {
float: left;
width:62%;
margin-left: 1.1%;
margin-right: 1%
/*border:1px solid green;*/
}


#content_inner {
padding:0 0 2px 0;
position:relative;
text-align:left;
/*border: 1px solid blue;*/	
}

#content_inner_top {
padding:0 2px 2px 2px;
position:relative;
text-align:center;
/*border: 1px solid blue;*/	
}

#footer {
clear: both;
width: 100%;
/*border:1px solid green;*/
}

#footer_inner {
	padding:1px 1px 2px 2px;
	text-align:center;
	border-top:solid #AB2C2B;
	margin:2px;
	}


/*END OF MAIN DIV LAYOUT*/

/************************************************************/
/*COLUMN CLASSES*/
/*Use these classes to divide the middle content section for*/
/************************************************************/
	
.content_right{
	float:right;
	width:304px;
	margin:10px 10px 0px 0px;
	padding:0 0 0 16px;
}

.content_left{
	float:left;
	width:230px;
	margin:10px 0px 0px 10px;
}

/************************************************************/

#products, #tulib{text-align:left;}

.image_text_container{
width:135px;
float:left;
margin:.9%;
text-align:center;
/*border:1px solid yellow;*/
}

.image_container{width:100%; height:166px;}

.clear_elements{clear:both;}


/*images*/

img{border-style:none;}

img.vertical{
width:auto;
height:160px;
}

img.horizontal_img{
width:135px;
height:auto;	

}


img.square_img{
width:120px;
height:120px;	
}


img.column_img{
position:relative;
margin-top: 10px;
}
img.right_image {
	width:150px; 
	height:auto; 
	margin-left:5px
}
img.xmas09_img{
position:relative;
margin:5px 10px 10px 10px;}

.left_short_lists{background-image: url(/html/images/left_short_lists.gif);
background-repeat: no-repeat;}

.left_long_lists{background-image: url(/html/images/left_long_lists.png);
background-repeat: no-repeat;}

.right_lists{background-image: url(/html/images/right_short_lists.gif);
background-repeat: no-repeat;}

.right_long_lists{background-image: url(/html/images/right_long_lists.gif);
background-repeat: no-repeat;}


.list_bottom{position:relative;top:-6px;}

.nye_banner{
position:absolute;
left:580px;
top:30px;
}


/*links*/

.top_menu_links{display:inline;position:absolute; top:140px; font-weight: bold;}

.a{left:173px;}
.b{left:261px;}
.c{left:338px;}
.d{left:425px;}
.e{left:538px;}
.f{left:655px;}
.g{left:728px;}
.h{left:843px;}
.i{top:168px;left:604px;}

a.top_menu:link{color:#302C2C;text-decoration:none; font-size:12px}
a.top_menu:visited{color:#302C2C;text-decoration:none; font-size:12px;}
a.contact_email:link{color:#fff;text-decoration:none; font-size:12px;
	font-weight: bold;}
a.contact_email:visited{color:#fff;text-decoration:none; font-size:12px;
	font-weight: bold;}

a.product_link:link{color:#005689;text-decoration:none;font-size:12px;}
a.product_link:visited{color:#005689;text-decoration:none;font-size:12px;}
a.price_link:link{color:#D1008B;text-decoration:none; font-size:12px;}
a.price_link:visited{color:#D1008B;text-decoration:none; font-size:12px;}
a.list_links:link{color:#302C2C;text-decoration:none; font-size:12px;}
a.list_links:visited{color:#302C2C;text-decoration:none; font-size:12px;}
a.sub_list_links:link{color:#005689;text-decoration:none;font-size:12px;}
a.sub_list_links:visited{color:#005689;text-decoration:none;font-size:12px;}
/* a.relaunch_link:link{color:#F39112;text-decoration:none;font-size:12px;position:absolute;top:73px;left:265px;_left:235px;} */
/* a.relaunch_link:visited{color:#F39112;text-decoration:none;font-size:12px;position:absolute;top:73px;left:265px;_left:235px;} */
a#basket:link,a#basket:visited{color:#fff;text-decoration:none;font-size:12px;font-weight: bold;position:relative;top:60px;left:32px;}
.indent{margin-left:5px;}
a.product_link:hover, a.price_link:hover, a.top_menu:hover, a.list_links:hover,a.sub_list_links:hover,
a.relaunch_link:hover,a#basket:hover,a.link_events:hover,a.contact_email:hover{color:#5E254E;}

/*contextual selectors*/

div #footer_inner li{display:inline; }


div #products h2 {
color:#AB2C2B;
margin-top:30px;
margin-bottom:16px;
}


.plain_text{
color:#302C2C;
font-size:11px;
text-align:center;
}

.opening_times{
text-align:left;
text-decoration:none;
}



li{text-decoration:none;}

.headers{position:relative;font-size:13px;font-family:verdana;}
.h1{top:5px;left:24px;color:#fff;}
.h2{top:5px;left:2px;color:#fff;}
.h3{left:10px;color:#AB2C2B;}
.h4{top:5px;left:30px;color:#fff;}
.h5{top:6px;left:32px;color:#fff;}
.h6{top:6px;left:24px;color:#fff;}
.h7{top:6px;left:4px;color:#fff;font-size:12px;}
.h8{top:6px;left:10px;color:#fff;}

.caption {
font: 0.7em/0.7em verdana, tahoma, arial, sans-serif;
} 

/*form classes*/

.go_button {
	background-color: #FFFFFF;
	height: 20px;
	width: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 08px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.category_box {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000080;
	background-color: #FFFFFF;
	vertical-align: middle;
	padding-left: 1px;
	padding-top: 1px;
	height: 20px; }

/***************************************************************/

/***************************************************************/
/*NEW CSS 2010 - MARK DUNK*/
/***************************************************************/


#event_description
	{
	display:block;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:5px;
	margin-left:5px;
	}

#event_date
	{
	display:block;
	padding-top:0px;
	padding-right:5px;
	padding-bottom:5px;
	margin-left:5px;
	}

.leftmargin5
	{
	margin-left:5px;
	}
.leftmargin0
	{
	margin-left:0px;
	padding-left:0px;
	}
.marginleftright5
	{
	margin-left:5px;
	margin-right:5px;
	padding-right:5px;
	}

.flagup
	{color: red;
	 font-weight:bold;
	}



/***************************************************************/
/*BOOK OF THE MONTH*/
/***************************************************************/

#bookofmonth{
/*background-:url('/html/images/bookofmonth.png');*/
/*background-color:#a21e1e;*/
background:#a21e1e url('/html/images/bom_top.png')no-repeat top left;
/*width:244px;*/
width:287px;
/*height:249px;*/
/*padding:18px 20px 20px 23px;*/
display:block;
overflow:hidden;
float:right;
margin-top:25px;
}

.cover{
margin:0px 0px 6px 12px;
padding:0px;
float:right;
text-align:right;
/*background-color:pink;*/
}
.cover img{
padding:0px;
margin:0px;
}

.text{
background-color:#a21e1e;
background:url('/html/images/bom_bottom.png')no-repeat bottom left;
/*height:249px;*/
display:block;
overflow:hidden;
/*padding:0px;*/
padding:18px 20px 20px 23px;
margin:0px;
}

.text p{
font-family:  verdana, arial, sans-serif;
font-size:11px;
line-height:13px;
margin:0px;
padding:0px;
}

p.blurb{
margin:6px 0px 0px 0px;
color:#ffffff;
}

p.price{
font-family:georgia, times, serif;
font-size:16px;
color:#ffffff;
font-weight:bold;
}

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

.author a:link{
color:#9999FF;
}
.author a:visited{
color:#9999FF;
}
.author a:hover{
color:#9999FF;
}
.author a:active{
color:#9999FF;
}

.text p.title{
}

.spacer{
margin:0px;
padding:0px;
/*float:left;*/
width:110px;
height:100px;
display:block;
/*background-color:green;*/
}
/*END BOOK OF MONTH*/



/******************************************************************/
/*PRODUCT DISPLAY*/
/******************************************************************/

.booktitle {
font-size:16px;
font-family: Arial, helvetica,"sans serif";
text-transform: uppercase;
}

body div div div table tbody tr td {
vertical-align:top;
}

.cover_title_row {
padding:12px 0 6px 0;
}

.formholder {
display:hidden;
width:34px;
}

.coverholder.cover_title_row {
width:166px;
margin:0 0 0 34px;
}

	/*Bottom Row*******************************/ 

	.view_basket_link {
	margin-right:1em;
	color:#ffffff;
	text-decoration:none;
	}

	.view_basket_link:hover {
	color:#cccccc;
	}

	.review_link{
	margin-right:1em;
	color:#ffffff;
	text-decoration:none;
	}

	.review_link:hover {
	color:#cccccc;
	}

	

	tr.link_text{
	vertical-align:middle;
	}

	tr.link_text a {
	vertical-align:middle;
	margin-right:1em;
	}

/*END PRODUCT DISPLAY*/


/******************************************************************/
/*BOOKLIST*/
/******************************************************************/

.bookentry .cover{
margin:0px 0px 6px 12px;
padding:0px;
float:right;
text-align:right;
/*background-color:pink;*/
}

.cover img{
padding:0px;
margin:0px;
}

.bookentry{
/*background-color:blue;*/
display:block;
padding:0px;
margin:0px 0px 12px 0px;
text-align:left;
}

.bookentry p{
font-family:  verdana, arial, sans-serif;
font-size:11px;
line-height:13px;
margin:0px;
padding:0px;
}

.bookentry p.blurb{
margin:6px 0px 0px 0px;
color:#000000;
}

.bookentry p.price{
font-family:georgia, times, serif;
font-size:16px;
color:#000000;
font-weight:bold;
}

.bookentry a{
font-weight:bold;
text-decoration:none;
color:#ff9900;
}

.author a:link{
color:#9999FF;
}
.author a:visited{
color:#9999FF;
}
.author a:hover{
color:#9999FF;
}
.author a:active{
color:#9999FF;
}

.bookentry p.title{
}

#southborder{
background:#fff url("/html/images/southheader.png") no-repeat scroll right top;
width:580px;
display:block;
margin:0px;
padding:0px;
}

.bookentry p.buynow{
background-color:#A21E1E;
width:100%;
padding:4px 6px;
margin-top:6px;
}

.buynow a{
color:#fff;
font-weight:bold;
padding-right:0.6em;
}

.buynow a:hover{
border-right:1.2em solid #fff;
}
/*END BOOKLIST*/

/******************************************************************/
/*TU Branch Library*/
/******************************************************************/
.rrp{
text-decoration:strikethrough;
}

.buildtulib{
font:bold 9px tahoma,sans-serif;
color:#ffffff;
background-color:#a21e1e;
padding:1px 6px;
}

#tulib #bookofmonth p.info {
font:9px verdana, arial, sans-serif;
margin:0.5em;
padding:1em;
background-color:#FFFFCC;
}

/*******************************************************************/
/*TWITTER*/
/*******************************************************************/
#twitter_module {
	width: 162px;
	border: none;
	overflow: hidden;
	background-attachment: scroll;
	background-image: url(images/twit_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 75px;
}

#twitter_module li {
	font: 11px "Palatino Linotype", Palatino, Georgia, "Times New Roman", Times, serif;
	line-height: 13px;
	color: #000000;
	padding: 10px;
	margin-top: 5px;
	background-color:#CCCCCC;
	word-wrap: break-word;
}

#latest_tweet li {
	margin:0;
	padding-top:2px;
	background: url(images/twit_closequotes.png) no-repeat right bottom #cccccc;
}

#latest_tweet {
	/*background: url(images/twit_closequotes.png) no-repeat right bottom #cccccc;*/
	margin-bottom:5px;
}

#twitter_module .loading {
	text-align: center;
	vertical-align: middle;
	
	background-color:#CCCCCC;
}

#latest_tweet div.loading {
	background: url(images/twit_closequotes.png) no-repeat right bottom #cccccc;
	padding: 20px;
}

#twitter_module .loading p {
	margin: 12px 0px 12px 0px;
	
}

#twitter_module div.dateline {
	display: block;
	clear: both;
	margin:3px auto 0;
	font: 9px Arial, Helvetica, sans-serif;
}

#twitter_module div.dateline a {
	margin-right:0.6em;
}


/*****************************************************************/
/*OBJECT ORIENTED CSS - BEGINS HERE*/
/*****************************************************************/

/* **************** GRIDS ***************** */

.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.line{*zoom:1;}
.unit{float:left;}
.u1of1{float:none;}
.u1of2{width:50%;}
.u1of3{width:33.33333%;}
.u2of3{width:66.66666%;}
.u1of4{width:25%;}
.u3of4{width:75%;}
.u1of5{width:20%;}
.u2of5{width:40%;}
.u3of5{width:60%;}
.u4of5{width:80%;}
.lastUnit {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}

/*****************************************************************/
/*EVENTS NEW*/
/*****************************************************************/

#latest h1, h2, h3, h4 {
line-height:1;
font-weight:normal;
font-family: Georgia, Times, ‘Times New Roman’, serif;
}

h1.cancel {
color:#a21e1e;
}

#latest h3{
font-family:Futura, ‘Century Gothic’, AppleGothic, sans-serif;
font-weight:bold;
margin:0.3em 0 0.2em 0;
}

#latest h4{
color:#ffffff;
font-weight:bold;
padding:5px 5px 5px 5px;
margin-bottom:0.5em;
moz-border-radius: 16px;
moz-border-radius: 16px;
webkit-border-radius: 16px;
webkit-border-radius: 16px;
border-radius: 16px 16px;
border-radius: 16px 16px;
background-image: url(/html/images/redSolid.jpg)
}

#latest .line{
margin-top:1em;
padding-bottom:1em;
border-bottom:1px dotted #ccc;
}

#latest .inner{
padding:0 10px;
}

#latest .info{
padding:5px;
moz-border-radius: 16px;
moz-border-radius: 16px;
webkit-border-radius: 16px;
webkit-border-radius: 16px;
border-radius: 16px 16px;
border-radius: 16px 16px;
background-image: url(/html/images/redSolid.jpg)
}

#latest .highlight {color:#ffffff;font-weight:bold;}

#latest a:link{color:#ffffff;font-weight:bold;}

.middle .header {
margin-top:10px;
}

.middle p {
margin: 0 0 0.7em 0;
}