/* CSS Document */

* { margin: 0; padding: 0; }

html { }

body { color: #666; font: 0.8em/1.4em Times New Roman,"Times",sans-serif; margin: 0px auto; background: #cbc7c6; }

a { color: #534741; }
a:hover { color: #8a0029; }

.clear { clear: both; }

.productthumb { float: left; }						/* images displayed in product searches */
.productlink { margin-right: 10px; }	/* images displayed when links inserted into the CMS using <<productimages>> macro */
.productimage { float: right; }						/* images displayed in detailed product page */

a.read		{ padding: 2px 5px 2px 20px; background: url(/site/images/book_open.png) no-repeat; }
a.listen	{ padding: 2px 5px 2px 20px; background: url(/site/images/ipod_sound.png) no-repeat; }
a.watch		{ padding: 2px 5px 2px 20px; background: url(/site/images/film.png) no-repeat; }
a.pdf		{ padding: 2px 5px 2px 20px; background: url(/site/images/Page_white_acrobat.png) no-repeat; }

input,
textarea,
select { color: #666; font: 0.8em/1.4em Verdana, Arial, Helvetica, sans-serif; border: #534741 solid 1px;  }
label { padding: 0px 5px; }

/*
colours
========================
brown 	#534741
yellow	#ffce4a
*/

/* Main Layout */

#header,
#footer,
#buffer,
#container { margin: 0px auto; display: block; width: 840px; }

#container { background: url(images/nct-bg-strip.gif) repeat-y top center; }

#footer { clear: both; text-align: center; background: url(images/nct-bg-footer.gif) no-repeat top center; height: 50px; }

#header { margin: 0px 20px 0px 20px; width: 800px; height: 165px; }

#buffer { height: 20px; }

#content { display: block; width: 580px; margin: 20px 0px 0px 0px; float: left; padding-bottom: 20px; xborder: red dashed 1px; }

#main { display: block; width: 360px; float: left; overflow: hidden; xborder: blue dashed 1px; padding: 0px 10px; }
#main h1, #main h2 { padding: 10px 10px 10px 0px; font-size: 1.6em; color: #534741; }
#main p { padding: 20px 10px 0px 0px }
#main ul { padding: 10px 20px 20px 40px; }
#main a { color: #534741; xmargin: 10px 50px 10px 20px; }
#main a:hover { color: #8a0029; }
#main ul.itemlinks { list-style: none; padding-left: 20px; }
#main ul.itemlinks li { line-height: 30px; }

#main ul#sitemap { list-style: none; font-size: 1.1em; }
#main ul#sitemap li { margin-bottom: 10px; }
#main ul#sitemap li.level1 {  }
#main ul#sitemap li.level2 { padding-left: 20px; }
#main ul#sitemap li.level3 { padding-left: 40px; }

#sidebar { display: block; float: left; width: 190px; overflow: hidden; xborder: green dashed 1px; padding-left: 10px }

#right { display: block; width: 150px; float: left; }
#right h2 { padding: 10px 0px 5px 10px; font-size: 1.1em; text-align: right; }
#right p  { text-align: right; padding: 0px 0px 5px 20px; }
#right a { text-align: right; text-decoration: none; color: #534741; }
#right a:hover { color: #ffce4a; }
#right.last { background: none; }
#right #promo { background: url(images/nct-strip-right.gif) no-repeat bottom left;  }
#right #promo.last { background: none; }

#searchform { display: block; margin-bottom: 10px; }
#searchform label { display: block; float: left; width: 100px; padding: 0px; font-weight: bold; }
#searchform input { float: left; width: 200px; }
#searchform select { float: left; width: 200px; }
#searchform #submit { clear: both; margin-left: 100px; width: auto; } 

/* Left Items */

#menu { display: block; margin-top: 20px; padding-left: 70px; width: 150px; float: left; font: 0.8em/1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
#menu ul { list-style: none; color: #534741; }
#menu ul li {  background: url(images/nct-strip-left.gif) no-repeat bottom left; float: left; display: block;  }
#menu ul li a { display: block; line-height: 40px; text-indent: 0px; color: #534741; text-decoration: none; float: left; width: 150px; }
#menu ul li a:hover { color: #8a0029; }
#menu ul li.last { background: none; }

/*Footer*/

#footer { clear: both; }
#footer a { text-decoration: none; }

/* living light */
.livinglight { display: block; margin-bottom: 20px; line-height: 25px; padding: 5px; border: #ccc solid 1px; background: #eee; }
.livinglight strong { font-size: 1.3em; font-weight: normal; }
.livinglight em { font-style: normal; font-weight: bold; }