/*The Thomas Gunn StyleSheet*/

html, body
{
	font-family: Tahoma;
	font-size: small;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 0px;
	color: #000000;
	font-size: small;
	/*background-color: #666666;*/
	background-image: url("../Images/bg_map.jpg");
	background-repeat:repeat;
	
	height: auto !important; /* FF and compliant browsers should automatically size the body/html */
	height: 100%; /* ie will set the body/html to 100%, anything overflowing that will (incorrectly) resize it. go IE */
	min-height: 100%; /* when FF/etc automatically size the body/html it should be AT LEAST the height of the entire browser window, but can expand based on content. */
}

td
{
	/*Added from Phils*/
	font-family: Tahoma;
	font-size: small;
	color: #666666;
}


#container
{
	height: auto !important;
	min-height: 90%;
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/bk_shadow.png);
	background-repeat: repeat-y;
}
* html, body #container
{
	/* for IE5-6 */
	height: 90%;
}

#hmecontainer
{
	height: auto !important;
	min-height: 95%;
	padding: 0px;
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/bk_shadowhme.png);
	background-repeat: repeat-y;
}
* html, body #hmecontainer
{
	/* for IE5-6 */
	height: 95%;
}

.clear
{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;
}

/*header with logo + home buttons + search + basket*/
#header
{
	height: 95px;
	margin-right: 20px;
	width: 946px;
}
#header P
{
	color: #999999;
	font-weight: bold;
	font-size: 80%;
	width: 196px;
}

#header .logoleft
{
	float: left;
	margin: 0;
}
#header .headerright
{
	float: right;
	position: relative;
	text-align: right;
	margin-left: 300px;
	margin-top: 8px;
	font-size: 90%;
	top: 6px;
	left: -9px;
	width: 194px;
	margin-right: 0;
	margin-bottom: 0;
}



#header input
{
	color: #999999;
	font-size: 100%;
	background-color: #FFFFFF;
	padding-left: 12px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
#header .submitgo
{
	background: #BE48A4 url(../images/input_go.jpg) no-repeat;
	margin-top: 6px;
	color: #FFFFFF;
	padding-left: 0px;
	font-weight: bold;
	font-size: 10px;
	margin-left: 12px;
	height: 24px;
	width: 28px;
	border: 0px;
}

/*END menu*/
/* end header with logo + home buttons + search + basket*/


/* location panel */
#currentlocation
{
	padding: 0;
	float: right;
	position: relative;
	margin: 0;
}

#currentlocation ul
{
	list-style-type: none;
	margin: 0;
}
#currentlocation li
{
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0;
}

/*header menu*/

#headermenu
{
	padding: 0;
	float: right;
	position: relative;
	margin: 0;
}

#headermenu ul
{
	list-style-type: none;
	margin: 0;
}
#headermenu li
{
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
	margin: 0;
}

#headermenu li a:link, #headermenu li a:active, #headermenu li a:visited
{
	display: inline;
	font-size: 80%;
	font-weight: bold;
	color: #BE48A4;
	text-decoration: none;
	margin: 0;
}

#headermenu li a:hover
{
	text-decoration: underline;
	color: #000000;
	margin: 0;
}
/*END menu*/


.imgbanner
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 6px;
	margin-top: 0px;
}
/*content area*/
#content
{
	margin-top: 6px;
	margin-left: 192px;
	padding-right: 20px;
	padding: 0px;
	text-align: justify;
	min-height: 100%;
	height: 100%;
}


#content p
{
	font-size: 85%;
	line-height: 1.4;
	color: #666666;
}
#content ul
{
	list-style: url(../images/list.jpg);
	line-height: 1.4;
}
#content .txtredbold
{
	color: #CC3300;
	font-weight: bold;
}
#content h4
{
	font-weight: bold;
	text-align: left;
	font-size: 80%;
	color: #666666;
	padding: 8px;
	margin: 0px;
	width: 698px;
	background: url(../images/morehd.jpg) no-repeat;
	margin-left: 20px;
}

#content h5
{
	font-weight: bold;
	text-align: left;
	font-size: 110%;
	color: #BE48A4;
}

#content .codemore
{
	float: right;
	margin: 0px;
	margin-top: -22px;
	position: relative;
	text-align: right;
	font-weight: normal;
	margin-right: 49px;
	width: 150px;
}
#content .weightmore
{
	float: left;
	margin: 0px;
	text-align: left;
	font-weight: normal;
	margin-left: 25px;
	margin-top: 20px;
	width: 120px;
}
#content .buymore
{
	float: right;
	margin: 3px 46px 20px 0px;
	text-align: right;
	font-weight: normal;
	width: 450px;
	font-weight: bold;
	font-size: 100%;
}
#content .buymorebot
{
	text-align: right;
	margin: 0px 30px 0px 20px;
	font-size: 100%;
	font-weight: bold;
	width: 698px;
	height: 38px;
	background: url(../images/morehdbot.jpg) no-repeat;
}

#content .categorySubItem
{
	margin: 0px;
	text-align: left;
	margin-right: 30px;
	margin-left: 0px; /*20*/
	padding-top: 8px;
	font-size: 100%;
	font-weight: bold;
	width: 747px; /*698*/
	height: 38px;
	background: url(../images/catSubItem.jpg) no-repeat;
}

/* Added By Euan Gordon 19/5/2009
Category Sub Items with 14px font
*/
#content .featuredCategorySubItem
{
	margin: 0px;
	text-align: left;
	margin-right: 30px;
	margin-left: 0px;
	padding-top: 8px;
	font-size: 14px;
	font-weight: bold;
	width: 747px;
	height: 38px;
	background: url(../images/catSubItem.jpg) no-repeat;
}


/* Added By Euan Gordon 19/5/2009
Book Description Content 
*/
#content .featuredBookTitle
{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

/* Added By Euan Gordon 19/5/2009
On New Releases, Coming Soon Pages, Audiobooks : Book Description Content 
*/
#content .featuredProductContent
{
	text-align: left;
	margin-right: 30px;
	margin-left: 30px;
	padding-top: 8px;
	font-size: 14px;
}

/* Added By Euan Gordon 19/5/2009
On New Releases, Coming Soon Pages : Links at Bottom
*/
#content .featuredProductLink
{
	text-align: left;
	margin-right: 30px;
	margin-left: 40px;
	font-size: 14px;
}

#content .pad
{
	margin-left: 50px;
}

#content .padhalf
{
	margin-left: 25px;
}
#content .submitgo
{
	background: url(../images/input_buy.jpg) no-repeat;
	margin: 12px 12px 0px 0px;
	color: #FFFFFF;
	padding: 2px 1px 2px 2px;
	font-weight: bold;
	font-size: 10px;
	height: 24px;
	border: 0px;
}

#content .submitbuy
{
	background: url(../images/input_buy.jpg) no-repeat;
	margin: 0px 12px 0px 0px;
	color: #FFFFFF;
	padding: 2px;
	font-weight: bold;
	font-size: 10px;
	height: 24px;
	width: 39px;
	border: 0px;
}

#content .notesmore
{
	text-align: left;
	font-weight: normal;
	padding-left: 30px;
}

#content .route
{
	text-align: right;
	padding-right: 35px;
}

#content .Pright
{
	text-align: right;
}
#content .Pcenter
{
	text-align: center;
}

#content .Pleft
{
	text-align: left;
}
#content h2
{
	background-image: url(../images/hdbk_sections.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 28px;
	padding-left: 12px;
	padding-top: 4px;
	color: #FFFFFF;
	font-size: 100%;
}

#content p
{
	font-size: 85%;
	padding: 0px 12px 0px 12px;
}
#content .boxleft
{
	margin: 0;
	padding: 0px;
	position: relative;
	float: left;
	width: 371px;
}

#content .boxright
{
	margin: 0;
	padding: 0px;
	float: right;
	position: relative;
	margin-right: 19px;
	width: 371px;
}
#content .buysections
{
	padding: 1px 0px 6px 0px;
	margin: 0px 0px 9px 20px;
	background: url(../images/hd_sections_buy.jpg);
	background-repeat: no-repeat;
	text-align: left;
	font-size: 100%;
	font-weight: normal;
	width: 371px;
	height: 34px;
}


#content .buysectionscost
{
	margin: 0px;
	margin-right: 10px;
	padding-left: 60px;
	font-size: 90%;
	font-weight: bold;
}
#content .submitmore
{
	background: url(../images/input_buy.jpg) no-repeat;
	margin: 7px 0px 0px 0px;
	color: #FFFFFF;
	padding: 2px 2px 2px 2px;
	font-weight: bold;
	font-size: 10px;
	height: 24px;
	border: 0px;
}
#content .submit
{
	color: #FFFFFF;
	background-color: #BB3F9F;
	font-weight: bold;
	font-size: 12px;
	height: 25px;
	border: solid #000000 1px;
}
#content .nosubmit
{
	color: #FFFFFF;
	background-color: #808080;
	font-weight: bold;
	font-size: 12px;
	height: 25px;
	border: solid #000000 1px;
}

#content .tborder
{
	border: solid 1px #000000;
}
#content th
{
	background-color: #A8A8A8;
	color: #FFFFFF;
	font-weight: bold;
}
#content th.tbleheader
{
	background-color: #BB3F9F;
	border-bottom: solid 1px #000000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
#content .borderleft
{
	border-left: solid 1px #000000;
}
#content .bordertop
{
	border-top: solid 1px #000000;
}

#content input
{
	color: #999999;
	background-color: #FFFFFF;
	padding-left: 0;
	border: 1px solid #CDCDCD;
}

#content textarea
{
	color: #000000;
	font-family: Tahoma;
	background-color: #FFFFFF;
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	border-top: 1px solid #CDCDCD;
}

/*Home page boxes and content*/
#hmecontent
{
    background-color: white;
	margin: 0px 12px 0px 7px;
	text-align: justify;
	width: 935px;
	height: 100%;
	min-height: 650px;
}
#hmecontent .hmeimg
{
	margin-top: 0px;
	margin-bottom: 3px;
}
#hmecontent h3
{
	background-image: url(../images/hme_hdbk.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	height: 22px;
	padding-left: 12px;
	Padding: 6px 0px 4px 0px;
	color: #FFFFFF;
	text-align: center;
	font-size: 100%;
}

#hmecontent p
{
	font-size: 90%;
	font-weight:bold;
    margin: 0px;
	padding: 0px 12px 0px 12px;
	text-align:center; 
}

#hmecontent .hmeproduct
{
    float: left;
    width: 152px;
    padding: 1px;
}

#hmecontent .hmeproductimg
{
    width:120px;
    max-height:185px;
}

/*End Home page boxes and content*/

.imgleft
{
	text-align: left; /* left */
	float: left; /* left */
	margin: 2px 20px 0px 10px; /* 12px 20px 6px 12px */
}

.imgsingleprod
{
	text-align: left; /* left */
	float: left; /* left */
	margin: 6px 0px 6px 30px; /* 12px 20px 6px 12px */
	padding: 0px 0px 0px 0px;
}

.imgleftborder
{
	text-align: left;
	float: left;
	margin: 0px;
	margin-right: 20px;
	border: 1px solid #9D9D9D;
}

.imgcenter
{
	text-align: center;
	margin: 0px;
}




/* links*/

a:link, a:active, a:visited
{
	color: #BE48A4;
	font-size: 100%;
	text-decoration: underline;
	font-weight: bold;
}


a:hover
{
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}

a.linkwhite:link, a.linkwhite:active, a.linkwhite:visited
{
	color: #FFFFFF;
	font-size: 100%;
	text-decoration: underline;
	font-weight: bold;
}


a.linkwhite:hover
{
	color: #BE48A4;
	text-decoration: underline;
	font-weight: bold;
}

/* Added By Euan Gordon 1/5/2009
Set the image link colors
*/
A:link img, A:visited img {border-color: #FFFFFF;}
A:hover img {border-color: #CC3399;}


/* footerbar*/
.footerbar
{
	clear: both;
	width: 960px;
	position: relative;
	background-color: #383838;
	height: 52px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(../images/bk_shadow2.png);
	background-repeat: repeat-y;
}
.footerbar P
{
	font-size: 80%;
	color: #000000;
	text-align: center;
}
.footerbar ul
{
	list-style-type: none;
	padding-top: 14px;
	text-align: center;
}
.footerbar li
{
	display: inline;
	padding-left: 8px;
	padding-right: 8px;
}

.footerbar a:link, .footerbar a:active, .footerbar a:visited
{
	color: #FFFFFF;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
	text-align: left;
}

.footerbar a:hover
{
	text-decoration: underline;
	text-decoration: none;
	color: #BE48A4;
}



/* footer*/
.footer
{
	width: 930px;
	font-weight: normal;
	height: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	padding-bottom: 2px;
	margin-left: auto;
	background-color: #666666;
}
.footer P
{
	font-size: 80%;
	color: #CCCCCC;
	text-align: right;
}

.footer a:link, .footer a:active, .footer a:visited
{
	color: #CCCCCC;
	font-weight: normal;
	font-size: 100%;
	text-decoration: none;
	text-align: right;
}

.footer a:hover
{
	text-decoration: underline;
	text-decoration: none;
	color: #000000;
}
/*  end footer*/

/*  border*/
.borderLeftBottomTop
{
	border-bottom: 1px dashed #3399CC;
	border-left: 1px dashed #3399CC;
	border-top: 1px dashed #3399CC;
}

.borderTopRightBottom
{
	border-bottom: 1px dashed #3399CC;
	border-right: 1px dashed #3399CC;
	border-top: 1px dashed #3399CC;
	padding-right: 8px;
	padding-left: 0px;
	padding-top: 4px;
	padding-bottom: 8px;
}
/*  product buy area*/
/*
   changed .box width to 747px from 708px.
   changed .box title width to 740px from 708px.
   changed margon-left to 0px
   changed .box details width to 745px from 695px.
   changed .box bottom width to 747px from 708px.
   changed .details width to 745 from 695
   changed on 13/04/2009 by A.Buchan, E.Gordon
*/
.box
{
	margin: 0;
	margin-left: 0px;
	width: 747px; /* 708 */
	height: 100%;
	min-height: 100%;
}

.box .title
{
	padding: 0;
	width: 740px; /* 708 */
	margin: 0;
	padding-left: 12px;
	padding-top: 6px;
	background: #FFFFFF url(../images/box_top.jpg) no-repeat;
}
.box h3
{
	font-weight: bold;
	text-align: left;
	font-size: 80%;
	color: #666666;
	margin: 0;
	padding: 0;
	height: 20px;
}

.box .desc
{
	float: left;
	margin: 0;
	padding: 0;
	position: relative;	
}

.box .details
{
	background: #CCCCCC url(../images/box_bk_buycol2.jpg) no-repeat;
	height: auto;
	height: 100%;
	min-height: 110px;
	margin: 0;
	padding: 0;
	border-left: solid 1px #D1D1D1;
	border-right: solid 1px #D1D1D1;
	margin-right: 10px;
	padding-top: 6px;
	width: 745px; /*  add in IE 6 too*/ /* 695px */
}

.box a:link, .box a:active, .box a:visited
{
	color: #BE48A4;
	font-weight: bold;
	font-size: 100%;
	text-decoration: none;
}

.box a:hover
{
	text-decoration: underline;
	color: #000000;
}

.box .code
{
	float: right;
	margin: 0;
	padding: 0;
	margin-top: -22px;
	text-align: right;
	font-weight: normal;
	margin-right: 30px; /*  product buy area margin 15px in IE 6*/
	width: 150px;
}

.box .product
{
	float: left;
	height: auto;
	padding-left: 8px;
	margin: 0;
	position: relative;
	width: 520px; /* 520px */ /* Width the description text fills */
	background-color: #FFFFFF;
}

.box .buy
{
	margin: 0px;
	float: right;
	width: 145px; /* 145 */
	height: auto;
	position: relative;
	text-align: center;
	padding-top: 5px;
	font-size: 120%;
	font-weight: bold;
}

.box .buy .itemQuantity
{
	color: red;
	width: 5px;
}

.box .submitgo
{
	background: url(../images/input_buy.jpg) no-repeat;
	margin-top: 6px;
	margin: 0; /*  add for IE 6 too*/
	color: #FFFFFF;
	padding: 0px;
	font-weight: bold;
	font-size: 9px;
	height: 24px;
	width: 39px;
	border: 0px;
}

.buysections .submitgo
{
	background: url(../images/input_buy.jpg) no-repeat;
	margin-top: 6px;
	margin: 0; /*  add for IE 6 too*/
	color: Blue;
	padding: 0px;
	font-weight: bold;
	font-size: 9px;
	height: 24px;
	width: 39px;
	border: 0px;
}

.box .clear
{
	clear: both;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
	font-size: 1px;
}
.box .bottom
{
	background: #FFFFFF url(../images/bottom.jpg) no-repeat;
	height: 8px;
	width: 747px; /* 708 */
	margin-bottom: 6px;
}


/* pages list*/
#content .pages
{
	text-align: right;
	float: right;
	position: relative;
	margin: 0px;
	width: 40%;
	margin-right: 10px;
}

content .pageheading
{
	text-align: left;
	float: left;
	position: relative;
	margin: 0px;
	width: 50%;
}

a.page:link, a.page:visited
{
	border: solid 1px #CFAAAA;
	background-color: #CFCFCF;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	margin: 1px;
}


a.page:hover
{
	border: solid 1px #CFAAAA;
	background-color: #BF48A4;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 100%;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	margin: 1px;
}



a.pageactive:link, a.pageactive:visited
{
	border: solid 1px #CFAAAA;
	background-color: #BF48A4;
	font-size: 100%;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	margin: 1px;
}



a.pageactive:hover
{
	border: solid 1px #CFAAAA;
	background-color: #BF48A4;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 100%;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	margin: 1px;
}

/*  */
a.btns:link, a.btns:visited
{
	background-color: #CFCFCF;
	color: #000000;
	border: solid 1px #CFAAAA;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 3px 0px 3px;
	margin: 1px;
	width: 80px;
	height: 20px;
}


a.btns:hover
{
	background-color: #BF48A4;
	color: #FFFFFF;
	border: solid 1px #CFAAAA;
	text-decoration: none;
	font-size: 100%;
	font-weight: normal;
	padding: 0px 3px 0px 3px;
	margin: 1px;
	width: 80px;
	height: 20px;
}

#links1 li a:link, #headermenu li a:active, #headermenu li a:visited
{
	color: #BE48A4;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

.menu
{
    height:25px;
}

#menu
{
    background-color: #000000;
    border-left: black solid 2px;
    border-right: black solid 2px;
    clear: left;
    font-size:11px;
    font-family:Tahoma;
    margin-left: 7px;
    position:absolute;
    width: 931px;
    height: 28px;
    z-index: 500;
}

#menu ul .item
{
	color: white;
	display: none;
    position:relative;
}

#menu ul:hover .item
{
	background: #616161;
	border-bottom: 1px solid black;
	display: block;
	height: 22px;
	padding: 4px 0px 0px 4px;
}

#menu ul:hover .item a:link, #menu ul:hover .item a:visited
{
	color: white;
	display: inline-block;
	height: 22px;
	text-decoration: none;
	width: 133px;
}

#menu ul .item:hover
{
	background: #92277A;
}

#menu ul
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 133px;
}

#menu ul .top
{
	background:url(http://www.thebookshoponline.com/Images/but_books.jpg) no-repeat;
	height:25px;
    text-align:center;
    padding:0;
}

#menu ul .top a:link, #menu ul .top a:visited
{
    color: #FFFFFF;
    display: block;
    line-height: 23px;
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
}

#menu ul:hover .top
{
    background:url(http://www.thebookshoponline.com/Images/but_books_ov.jpg) no-repeat;
    margin: 0;
}