* {
margin:0;
padding:0;
}


html, body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	text-align:center;
	min-width:1000px;
	background:#BFD2EB url(../img/booka_bckgrd_400.png) repeat-x left top;
	font-size:100%;
	line-height:1.5em;
}


#header {
	clear:both;
	margin:0 auto;
	width:100%;
	height:40px;
	background:transparent;
	text-align:left;
	position:relative;
	top:0px;
	left:0px;
}

/*
#logo-b {
	width:150px;
	height:150px;
	background:transparent;
	overflow:hidden;
	position:absolute;
	left:50%;
	z-index:4;
	top:40px;
	margin-left:-498px;
}
*/

/*
#booka {
	width:206px;
	height:60px;
	background:transparent;
	overflow:hidden;
	position:absolute;
	left:50%;
	top:60px;
	margin-left:-327px;
	z-index:3;
}
*/

#booka {
	width:206px;
	height:60px;
	background:transparent;
	overflow:hidden;
	position:relative;
	left:50%;
	top:20px;
	margin-left:-325px;
	z-index:3;
}


#bookshop {
	width:194px;
	height:25px;
	background:transparent;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:50%;
	margin-left:294px;
}

/*
#banner-imgs {
	width:590px;
	height:100px;
	background:#BFD2EB;
	background:#FFFFFF;
	background:#BFD2EB url(../img/booka-1.png) no-repeat right top;
	overflow:hidden;
	position:absolute;
	left:50%;
	top:44px;
	margin-left:-103px;
	z-index:4;
}
*/

#banner-imgs {
	width:590px;
	height:100px;
	background:#BFD2EB;
	background:#FFFFFF;
	background:#BFD2EB url(../img/booka-1.png) no-repeat right top;
	/*overflow:hidden;*/
	position:absolute;
	right:0;
	top:0;
	/*margin-left:-103px;*/
	z-index:4;
}


#ib-container {
	width:500px;
	height:80px;
	background:transparent;
	overflow:hidden;
	position:absolute;
	top:5px;
	left:5px;
	z-index:3;
}

#container{
	margin:0 auto;
	width:975px;
	min-height:1%;
	text-align:left;
	border:1px solid #050C41;
	border:1px solid #ED1650;
	border-top:4px solid #ED1650;
	/*z-index:1;*/
	background:#fff url(../img/container-bkgrd.jpg) repeat-y left top;
	position:relative;
	left:0px;
	top:0px;
}


#banner{
	width:100%;
	height:100px;
	overflow:hidden;
	background:#CFC4C7;
	background:#BFD2EB;
	border-bottom:1px solid #ED1650;
}


#lcol {
    float:left;
    width:150px; 
}


#content {
	float:right;
	width:805px;
	overflow:hidden;
}

#ccol {
    float:left;
    width:595px;
	background:#FFFFFF;
	font-family: "Myriad Pro", calibri, tahoma, sans-serif;	
	font-weight: normal;
	font-size: 1.0625em;
	color:#222222;
}

#rcol {
    float:right;
    width:190px;
	background:#FFFFFF;
	font-family: Calibri, Tahoma, sans-serif;
	font-weight: normal;
	font-size: 1.1875em;
	color:#333333;
}

h1.headline {
	font-weight: bold;
	font-size: 3em;
	color:#555555;
	font-family:"Myriad Pro", "Myriad Pro Light", Calibri, Tahoma, sans-serif;
	font-style:normal;
	margin-bottom:20px;
	letter-spacing:-3px;
	border-bottom: 1px solid #BFD2EB;
	line-height:100%;
	text-align:center;
	background:#EDF2F8;
}

h2.subline {
	font-weight: bold;
	font-size: 2em;
	color:#555555;
	font-family:"Myriad Pro", "Myriad Pro Light", Calibri, Tahoma, sans-serif;
	font-style:normal;
	margin-bottom:0px;
	letter-spacing:-3px;
	border-bottom: 1px solid #BFD2EB;
	line-height:100%;
	text-align:center;
	background:#EDF2F8;
}

img.headline {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #FBDBDB;
	border-bottom: 1px solid #BFD2EB;
	width:595px;
}

#ccol {
	margin-top:10px;
	margin-bottom:10px;
}

/*
#lcol-img {
	width:100%;
	height:440px;
	background:#EBBFBF;
	background:#FFFFFF;
	background:#FEFBFC;
}
*/

/*
.side-panel {
	overflow:hidden;
	position:relative;
	left:0px;
	z-index:3;
}
*/

/*
#opening {
	width:180px;
	height:100px;
	top:15px;
}


#orders {
	width:180px;
	height:158px;
	top:25px;
}
*/

#bottom {
	clear:both;
	width:100%;
	height:1px;
}

#footer {
	clear:both;
	width:100%;
	height:40px;
	background: #BFD2EB;
	text-align:left;
	z-index:3;
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 0.9em; /*15px;*/
	font-weight: bold;
	color:#FFFFFF;
}


#footer span {
	position:relative;	
	top:10px;
	left:50%;
	float:left; /*ie!*/
	margin-left:-488px;
}


#footer a {
	color:#313131;
	text-decoration:none;
	outline:none;
}


#nav {
	float:left;
	width:150px; 
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 20px;
	font-size: 1.25em;
	font-weight: bold;
	color:#313131;
}


#nav li {
	display: inline;
	width:100%;
}

#nav li.sub {
	font-size: 18px;
	font-size: 0.9em;
}


#nav li.top, #nav a {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	height: 1.5em;
	text-decoration: none;
	background-color: transparent;
	text-align: left;
	text-indent:10px;
	line-height: 30px;
	line-height: 1.5em;
	background:transparent;
	outline:0;
	color:#444444;
}

#nav li.top  {
	background-color: #EDF2F8;
	background-color: #BFD2EB;
	background-color: #EDF2F8;
	border-bottom: 1px solid #BFD2EB;
}


#nav li.sub a {
	height: 20px;
	height: 1.1em;
	height:100%;
	text-decoration: none;
	background: transparent;
	text-align: left;
	text-indent:20px;
	line-height: 20px;
	line-height: 1.1em;
	width:100%;
}

/*
#nav li.last a {
	margin-bottom: 5px;
}
*/

/*
#booka-home #nav li.sub {
	display: block;
}

#bookshop #nav li.s2, #cafe #nav li.s3, #gifts #nav li.s4, #events #nav li.s5 {
	display: block;
}
*/

#bestsellers #nav li.nav-bk-best a, 
#award-winners #nav li.nav-bk-awin a, 
#staff-picks #nav li.nav-bk-pick a, 
#book-bundles #nav li.nav-bk-bdle a, 
#childrens #nav li.nav-bk-kids a, 
#xmas-books #nav li.nav-bk-xmas a, 
#menu #nav li.nav-cf-menu a, 
#staff-nibbles #nav li.nav-cf-nibs a, 
#gifts #nav li.nav-gf-best a, 
#xmas-gifts #nav li.nav-gf-xmas a, 
#gift-bundles #nav li.nav-gf-bdle a,
#cards-wrap #nav li.nav-gf-card a, 
#coming-up #nav li.nav-ev-soon a,
#just-been #nav li.nav-ev-been a,
#book-club #nav li.nav-ev-club a,
#about-us #nav li.nav-us-about a,
#contact-us #nav li.nav-us-cont a,
#find-us #nav li.nav-us-find a,
#faq #nav li.nav-us-faq a
 {
	background:#BFD2EB;
	color:#EB1650;
	color:#000000;
	border-right:2px solid #EB1650;
	background:#FFFFFF;
	background:#FBDBDB;	
	color:#EB1650;
	border-right:2px solid #EB1650;
}

/*
#nav li.first a {
	height: 50px;
	line-height: 50px;
}
*/

/*
#nav a:hover, #footer a:hover {
	color:#000000;
}
*/

#nav li.clk a:hover/*, #nav li.sub a:hover*/ {
	background:#BFD2EB; 
	background:#FBDBDB;
	background:#EDF2F8;	
	background:#BFD2EB; 	
	color:#EB1650;
	border-right:2px solid #EB1650;
}


#nav #nav a:active, #nav li.sub a:active {
	background:#FFFFFF /*url(images/nav_s_b1.png) no-repeat left bottom*/; 
	color:#EB1650;
	border-right:4px solid #EB1650;
}



#nav li.selected a {
	color: #EB1650; 
	text-decoration: none;
	background:#EBBFBF /*url(images/nav_s.png) no-repeat left bottom*/;
}



#bottom-right {
	clear:both;
	width:175px;
	height:175px;
	overflow:hidden;
	position:absolute;
	bottom:0;
	right:0;
	z-index:3;
	background:transparent url(../img/logo-big.gif) no-repeat left top;
}


img#card-logos {
	clear:both;
	width:150px;
	height:60px;
	overflow:hidden;
	margin-top:25px;
	z-index:3;
}

#card-logos {
	margin-top: 30px;
}


#logo {
	clear:both;
	width:150px;
	height:100px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	background:transparent url(../img/logo.png) no-repeat center 4px;
	/*background:transparent url(../img/logo_test.gif) no-repeat center 4px;*/
}

div.panel {
	float:left;
	width:280px;
	height:200px;
	margin: 0px 0px 20px 0px;
}


img.cover {
	float: left;
	margin: 10px 10px 10px 10px;
	border: none;
}

img.bb {
	clear:left;
	float: left;
	/*margin: 10px 0px 10px 10px;*/
	border: none;
	padding:10px 10px;
	padding:10px 0px 10px 10px;
}

img.shop_r {
	float: right;
	/*margin: 10px 10px 10px 10px;*/
	border: 3px solid #BFD2EB;
	
}

img.shop_l {
	clear:both;
	float: left;
	/*margin: 10px 10px 10px 10px;*/
	border: 8px solid #BFD2EB;
}


.panel  .rvw {
	float: right;
	width:170px;
	margin: 40px 10px 5px 0px;
	text-align: left;
	text-decoration: none;
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color:#444444;
}

div.xpanel {
	position:relative;
	width:280px;
	margin: 10px 0px 0px 0px; /*10 0 10 0*/
	border: 2px solid #BFD2EB;
	line-height:1.1em; /*19px*/
	background: #FFFFFF url(../img/panel_blue_grad_200.png) repeat-x bottom left;
}

div.xpanel h4 {
	width:270px;
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 1.1em; /*21px*/
	font-weight: bold;
	color:#333333;
	background-color: #BFD2EB;
	text-align: center;
	padding: 5px 5px 3px 5px;
	border-bottom: 2px solid #BFD2EB;		
}

div.xpanel p {
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 0.9em; /*17px*/
	font-weight: bold;
	color:#333333;
	/*text-align: left;*/
	padding: 5px 10px 5px 5px;
	padding: 5px 10px 5px 5px;
	/*padding: 5px 10px 0px 0px;	*/
	margin-left:100px;
	text-align:justify;

}


div.xpanel p.title {
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 0.9em; /*17px*/
	font-weight: bold;
	color:#EB1650;
	color:#002699;
	color:#002080;
	text-align: left;
	
	padding: 5px 10px 0px 5px;
	/*
	padding: 10px 0px 0px 0px;	
	*/
	/*padding-top:0px;*/
	margin-left:100px;
	text-align:justify;	
}

div.xpanel p.intro {
	/*padding-top:0px;*/
}


div.xpanel p.desc {
	margin-left:0px;
	margin-right:0px;
	padding:0px 10px;
	padding-bottom:5px;
	display:inline-block;
}


/*
#bom {
	float:right;
}
*/

#ch-hh, #gb_r {
	clear:right;
	float:right;
	display:inline;
}

#gb_r {

}

#bom, #bpw, #bbb, #ch-cj, #ch-fbs, #gb_l {
	clear:left;
	float:left;
	display:inline;
}

/*
#fbs {
	float:right;
	margin: 0px 0px 0px 10px;
}
*/

#ccol p {
	text-align:justify;
}	

#ccol a.arrlnk {
	float:right;
	text-decoration:none;
	outline:0;
	color:#EB1650;
	font-style:italic;
	font-weight:bold;
	font-size:0.85em;
	margin:0px 5px 5px 0px;	
	vertical-align: center;
	line-height:1.25em;
}

#ccol a {
	color:#EB1650;
	text-decoration:none;	
}

#ccol a:hover {
	background-color:#BFD2EB;
}


div.xpanel a.arrlnk {
	float:right;
	position:absolute;
	bottom:0;
	right:0;
	text-decoration:none;
	outline:0;
	color:#EB1650;
	font-style:italic;
	font-weight:bold;
	font-size:0.85em;
	margin:0px 5px 5px 0px;	
	vertical-align: center;
	line-height:1.25em;
}

div.xpanel a:hover {
	background-color:#BFD2EB;
}

div.side-panel {
	float:left;
	width:175px;
	/*margin: 10px 0px 10px 0px;*/
	border: 2px solid #BFD2EB;
	line-height:1em; /*px*/
	background: #FFFFFF;
	
	padding-bottom:10px 10px;	
}

div.side-panel h4 {
	width:165px;
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	color:#333333;
	background-color:#EDF2F8;
	text-align: center;
	padding: 5px 5px 3px 5px;
	border-bottom: 2px solid #BFD2EB;	
}

div.side-panel p {
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 0.75em;
	font-weight: bold;
	color:#333333;
	text-align: left;
	padding: 7px;
	margin-left:0px;
	text-align:left;
	letter-spacing:0;
	line-height:1.1em;
}	


div.side-panel p#orders-tel {
	font-family:"Myriad Pro", Calibri, Tahoma, sans-serif;
	line-height:1em;
	font-size:1.3em;
	text-align:center;
}

div.side-panel p#orders-note {
	font-size:0.6em;
}


/*#bk-bs and #bk-win*/
ol  {
	margin: 0px;
	padding: 0px;
}


#num1 {
	background: transparent url(../img/one.png) no-repeat left 15px;
}

#num2 {
	background: transparent url(../img/two.png) no-repeat left 15px;
}

#num3 {
	background: transparent url(../img/three.png) no-repeat left 15px;
}

#num4 {
	background: transparent url(../img/four.png) no-repeat left 15px;
}

#num5 {
	background: transparent url(../img/five.png) no-repeat left 15px;
}

#num6 {
	background: transparent url(../img/six.png) no-repeat left 15px;
}

#num7 {
	background: transparent url(../img/seven.png) no-repeat left 15px;
}

#num8 {
	background: transparent url(../img/eight.png) no-repeat left 15px;
}

#num9 {
	background: transparent url(../img/nine.png) no-repeat left 15px;
}

#num10 {
	background: transparent url(../img/ten.png) no-repeat left 15px;
}


/*#bk-bs and #bk-win*/
ol p {
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 0.9em; /*17px*/
	font-weight: bold;
	font-style: normal;
	color:#333333;
	text-align: left;
	padding: 5px 10px 5px 5px;
	text-align:justify;
	line-height:1.1em;
}


#bk-bs li {
	padding:15px 10px 10px 10px;
	border-top: 1px solid #BFD2EB;
	list-style-type: none;
	clear:both;
	display:inline-block; /*for ie*/	
}

#bk-bs p {
	margin-left:150px;
}

#bk-bs p.title {
	color:#EB1650;
	color:#002080;	
	padding: 0px 10px 0px 5px;
}

#bk-bs img.cover {
	margin: 0px 10px 10px 50px;
}


#gf-bs li {
	padding:15px 10px 10px 10px;
	border-top: 1px solid #BFD2EB;
	list-style-type: none;
	clear:both;
	display:inline-block; /*for ie*/
}

#gf-bs p {
	margin-left:170px;
}

#gf-bs p.title {
	color:#EB1650;
	color:#002080;	
	padding: 0px 10px 0px 5px;
}

#gf-bs img.cover {
	margin: 0px 10px 10px 50px;
}


#bk-win li {
	padding:15px 0px 20px 0px;
	border-bottom: 1px solid #BFD2EB;
	list-style-type: none;
}


div.bk-win p.intro {
	margin-left:120px;
}


#bk-win p.title {
	color:#EB1650;
	padding: 0px 10px 0px 5px;
}

#bk-win img.cover {
	margin: 0px 10px 10px 0px;
}

#bk-win h4 {
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 1.1em; /*21px*/
	font-weight: bold;
	color:#333333;
	background-color: #BFD2EB;
	text-align: center;
	padding: 5px 5px 3px 5px;
	border-bottom: 2px solid #BFD2EB;		
}

div.bkwin, div.fwidth {
	width:590px;
}	

div.bkwin  h4, div.fwidth h4 {
	width:580px;
}	

div.bkwin p.award {
	padding: 5px 10px 0px 5px;
	/*padding: 5px 10px 0px 0px;	*/
}


/*
div.bkwin p {
	margin-left:110px;
}
*/

/*=====================*/

#favs  {
	margin: 0px;
	padding: 0px;
}


#favs li {
	padding:15px 10px 10px 0px;
	border-top: 1px solid #BFD2EB;
	list-style-type: none;
	clear:both;
	/*position:relative; for ie6*/
	display:inline-block;
}



/*#bk-bs and #bk-win*/
#favs p {
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 0.9em; /*17px*/
	font-weight: bold;
	font-style: normal;
	color:#333333;
	text-align: left;
	padding: 0px 10px 5px 5px;
	text-align:justify;
	line-height:1.1em;
	margin-left:100px;
}


#favs p.title {
	color:#EB1650;
	color:#002080;	
	padding: 0px 10px 5px 5px;
}

#favs img.cover {
	margin: 0px 10px 10px 0px;
}

#favs blockquote {
	margin-left:100px;
	background: url(../img/quotemark_top.png) no-repeat left top;	
}

#favs p.review {
	background: url(../img/quotemark_bottom.png) no-repeat right bottom;	
	margin-left:30px;
	padding-right:30px;
}



#staff-nibbles #favs p {
	margin-left:120px;
}	


#staff-nibbles #favs blockquote {
	margin-left:120px;
}	

#staff-nibbles #favs p.review {
	margin-left:30px;
}

table {
	width:100%;
	margin:1px;
	border-top:2px solid #BFD2EB;
	border-left:2px solid #BFD2EB;
	border-collapse:collapse;
	margin-bottom:10px;
}

th, td {
	border-right:2px solid #BFD2EB;
	border-bottom:2px solid #BFD2EB;
	padding:5px;
	vertical-align:top;
	text-align:left;
}

td {
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 0.9em; /*17px*/
	font-weight: bold;
	font-style: normal;
	color:#333333;
	line-height:1.1em;
}

th {
	font-family: Calibri, Tahoma, sans-serif;
	background-color:#BFD2EB;
	color:#333333;
	font-size: 1.1em; /*px*/
}

#contact, #contact td , #location, #location td {
	border:none;
}

#contact td {
	width:50%;
	font-size: 1em; /*17px*/
	font-weight: normal;
	padding:10px;
}

#contact td.type {
	text-align:right;
}

#contact td.details {
	text-align:left;
	border-left:2px solid #BFD2EB;
}

#location td {
	font-size: 1em; /*17px*/
	font-weight: normal;

}


#faqs  {
	margin: 0px;
	padding: 0px;
}


#faqs li {
	padding:15px 10px 10px 10px;
	border-top: 1px solid #BFD2EB;
	list-style-type: none;
	clear:both;
	/*display:inline-block;  for ie*/	
}


#faqs p {
	margin-left:50px;
}


#faqs p.question {
	color:#002080;	
}

/*
#faqs a.arrlnk {
	display:inline;
}
*/

#anchorlist li a {
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 1em;
	font-weight: bold;	
	text-decoration:none;
	outline:0;
	color:#EB1650;
}

#anchorlist li a:hover {
	color:#EB1650;
	background-color:#BFD2EB;
}

ol#anchorlist li{
	list-style-type:decimal;
	margin-left:1.5em;
}


ol#legal li, ol#legal p, p.legal-intro {	
	font-family: Calibri, Tahoma, sans-serif;
	font-size: 0.9em; /*17px*/
	font-weight: bold;
	color:#333333;
	padding: 5px 5px 5px 5px;
	text-align:justify;
	margin-left: 1.5em;
}

p.legal-intro {
	margin-left: 0em;
}

ol#legal a {
	outline:none;
}


p.p1 {
	clear:both;
	margin: 10px 0px;
}

p.p2 {
	clear:both;
	margin: 10px 0px;
	padding-top:10px;
}

#gift-bundles #gbeq {
	margin-left:0px;
	text-align:center;
}