/*
	Copyright (c) JB Interactive Pty. Ltd.
	All Rights Reserved
	http://www.jbinteractive.com.au/
*/

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0;}

/* Normalizes font size for headers */
h1, h2, h3, h4, h5, h6
{ font-size: 100%;}

/* Remoes liststyle from lists */
ol,ul
{ list-style : none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal;}

/* Removes list-style from lists */
table
{ border : collapse; border-spacing : 0;}

/* Removes border from fieldset and img */
fieldset, img
{ border :0; }

body {
	background: url(/img/layout/bg.jpg) repeat-x fixed #ffffff 0 bottom;
	font-family: "Helvetica Neue", "Calibri", Arial, sans-serif;
	height: 100%;
}

#content {
	margin-bottom: 20px;
}

/* -- Navigation -- */

#container {
	background: url(/img/layout/nav.gif) repeat-x #00522b;
	height: 41px;
	width: 100%;
	shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
	margin-bottom: 15px;
}

#outer_container {
	width: 100%;
	overflow: hidden;
}

#nav .selected {
	background: #92a427;
}

#nav li#nav_cart {
	float: right;
}

/* Styles for the entire LavaLamp menu */
#nav {
    position: relative;
	display: block;
	margin: 0 auto 15px;
    height: 40px; 
	width: 960px;
}

/* Force the list to flow horizontally */
#nav li {
	float: left;
	list-style: none;
	margin-bottom: 0;
}

#nav li.current a {
	background: url(/img/layout/nav-current.gif) repeat-x #8c9c05;
	color: #006333;	
}

/* Styles for each menu-item. */
#nav li a {
	overflow: hidden;
    text-align: center;
	line-height: 40px;
	height: 40px;
    float: left;
	display: block;
	font-size: 14px;
	color: white;
	padding: 0 1em;
}

/* Main */

#main {
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
	margin-bottom: 30px;
	position: relative;
	background: white;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}

/* Search boxes */

#textbook-search {
	background: url(/img/layout/textbook-search.gif) repeat-x;
	height: 102px;
}

#book-search {
	background: url(/img/layout/book-search.gif) repeat-x;
	height: 50px;
}

.search-box {
	overflow: hidden;
	margin-bottom: 2px;
	position: relative;
	width: 100%;
}

.search-box .search-box-header {
	position: absolute;
	width: 254px;
	top: 0;
	left: 0;
	height: 100%;
}

.search-box h2 {
	text-transform: uppercase;
	font-size: 19px;
	padding-left: 94px;
	width: 160px;
	left: 0;
	top: 0;
	margin: 0;
}

#textbook-search .search-box-header {
	background: url(/img/layout/textbook-magnifier.png) no-repeat left bottom;
}

#textbook-search h2 {
	color: white;
	font-size: 19px;
	padding-top: 28px;
	font-weight: bold;
}

#book-search .search-box-header {
	background: url(/img/layout/book-magnifier.png) no-repeat 20px bottom;
}

#book-search h2 {
	color: #222;
	padding-top: 8px;
}

#book-search h2 span {
	font-size: 9px;
	display: block;
}

.search-box form {
	position: absolute;
	left: 260px;
	top: 0;
}

#textbook-search form {
	top: 30px;
}

#book-search form {
	top: 2px;
}

.search-box .description {
	font-size: 11px;
	color: white;
	line-height: 1.1em;
	margin: 2px 0 0 0;
}

.search-box input {
	width: 330px;
	padding: 2px 5px;
	border: none !important;
	border-radius: 3px;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.search-box button {
	padding: 5px 2em;
	font-size: 12px;
}

#textbook-search button {
	background: white;
	color: #333;
}

#book-search button {
	background: #333;
	color: white;
}

#uws-logos {
	position: absolute;
	top: 17px;
	right: 20px;
	width: 216px;
	height: 68px;
	background: url(/img/layout/uws-logos.gif) no-repeat;
}

/* New Hompage Jul 2011 */

#homepage {
	overflow: hidden;
	margin-bottom: 1em;
}

.sidebar-left {
	width: 262px;
	margin: 0 2px;
	float: left;
}

.content-right {
	width: 692px;
	float: left;
}

.content-ad {
	width: 692px;
}

.content-ad img {
	display: block;
}

/* Twitter Widget */

#twitter-widget {
	background: url(/img/layout/twitter-bg.gif) repeat-x #7b7b7b;
	padding: 16px;
	margin-top: 2px;
}

#twitter-widget h2 {
	background: url(/img/layout/twitter-h2.png) no-repeat;
	height: 0;
	width: 231px;
	padding-top: 70px;
	overflow: hidden;
	margin-bottom: 0;
}

#twitter-widget .twtr-ft {
	display: none;
}

/* Content */

p, li, dd {
	font-size: 12px;
	color: #4b4b4b;
	line-height: 18px;
	
	margin-bottom: 12px;
}

dt {
	font-size: 14px;
	color: #4b4b4b;
	font-weight: bold;
}
dd em {
	font-style: italic;
}

.num-list {
	list-style: decimal;
	padding-left: 30px;
}

p.last {
	margin-bottom: 0;
}

h2 {
	font-size: 24px;
	color: #99C23E;
	font-weight: lighter;
	
	margin-bottom:10px;
}

h3 {
	font-size: 12px;
	color: #4b4b4b;
	font-weight: bold;
}
a {
	color: #3290ae;
	text-decoration: none;
}

button, a.link-button {
	background: #9eb801;
	border: none;
	color: white;
	padding: 3px 8px;
	border-radius: 4px;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
}

/* Academic information */
a.link-button.large {
	font-size: 18px;
	padding: 10px;
	position: absolute;
	right: 100px;
	text-align: center;
	top: 680px;
	width: 150px;
}

.book-order-contact {
	position: absolute;
	right: 85px;
	text-align: center;
	top: 760px;
	width: 200px;
}

button:hover, #content a.link-button:hover {
	background: #8ba202;
}
button.adoptionlist {
	float: left;
}
button.contact {
	float: right;
}

#loading {
	float: left;
	text-align: center;
	width: 16px;
	height: 16px;
	background: url(/img/forms/spinner_16.gif) no-repeat;
	margin: 10px 0 0 20px;
}
#submit_container {
	text-align: center;
	margin-left: 300px;
}

#content a:hover, #announcement span a:hover, #banner a:hover {
	border-bottom: 1px dotted #3290ae;
}

#header {
	height: 130px;
	background: url(/img/layout/people.jpg) no-repeat center bottom;
	position: relative;
}

h1#logo {
	position: absolute;
	left: 40px;
	top: 10px;
	width: 186px;
}

h1#logo a {
	display: block;
	height: 0;
	overflow: hidden;
	padding-top: 78px;
	width: 186px;
	background: url(/img/layout/logo.gif);
}

h1#logo a:hover {
	border: none;
}

#announcements {
	margin-top: 14px;
}

.announcement {
	font-family: Verdana, Arial, sans-serif;
	background: url('/img/layout/announcement.png') no-repeat;
	width: 960px;
	height: 41px;
	margin: 0 auto 12px auto;	
	font-size: 12px;
	position: relative;
	top: -2px;
}

.big_announcement {
	width: 960px;
	margin: 0 auto 12px auto;
	padding-top: 12px;
	background-color: #FFFFC5;
	border: 1px solid #C0BE93;
}

.big_announcement p {
	padding: 0 12px;
	font-size: 14px;
}

.first_announcement {
	margin: 0 auto;
	top: -14px;
}

.announcement span {
	background: url('/img/layout/icon-info.png') no-repeat scroll 17px 14px;
	display: block;
	float: left;
	padding: 14px 0 0 44px;
	color: #4B4B4B;
	font-weight: bold;
}

.announcement a[href="#close"] {
	background: url('/img/layout/announcement-close.png') no-repeat;
	display: block;
	float: right;
	width: 42px;
	height: 0;
	overflow: hidden;
	padding-top: 41px;
}

.announcement a[href="#close"]:hover {
	background-position: 0 -41px;
}

.feature {
	position: relative;
	width: 463px;
	height: 147px;
	padding: 30px 467px 30px 30px;
	background: #bbd62f;
	border-top: 1px solid #dbe27a;
	border-bottom: 1px solid #dbe27a;
	
	margin-bottom: 40px;
}
.feature h2, .feature p {
	color: #ffffff;
}

.feature h2 {
	text-shadow: 0 1px 2px rgba(0,0,0,0.7);
}

.feature .bubble {
	background:transparent url(/img/layout/bubble.png) repeat scroll 0 0;
	height:116px;
	left:445px;
	padding:15px 20px 0 50px;
	position:absolute;
	top:-70px;
	width:211px;
	z-index:10;
}
.feature .bubble .stem {
	position: absolute;
	left: -19px;
	top: 85px;
	width: 34px;
	height: 34px;
	background: url('/img/layout/bubble-stem.gif');
}
.feature .bubble h2 {
	font-size: 16px;
	color:#949C25;	
}
.feature .bubble p {
	color:#4B4B4B;
}
.feature img.feature-image {
	position: absolute;
	top: 0;
	left: 550px;
}

.standard {
	width: 900px;
	padding: 0 30px;
	overflow: hidden;
}

.standard.bookstack {
	background: url(/img/stock/bookstack.png) no-repeat 670px top;
	padding-right: 300px;
	width: 600px;
}

.standard img {
	float: right;
	margin-left: 30px;
}

.standard ul {
	list-style: disc;
}

.standard li {
	margin: 6px 0 7px 30px;
}

.connect-books {
	font-weight: bold;
	font-style: italic;
}

.standard.half {
	width: 390px;
	float: left;
}
.standard.half.right {
	float: right;
}

/* Homepage banner announcement */

#banner {
	width: 960px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	background: #BBD62F;
	margin: 0 auto 20px;
	position: relative;
	height: 78px;
	background: -moz-linear-gradient(top, #b7cd3c, #bad32f);
	background: -webkit-gradient(linear, left top, left bottom, from(#b7cd3c), to(#bad32f));
}


#banner h3 {
	font-weight: bolder;
	font-size: 20px;
	color: #ffffff;
	position: absolute;
	left: 25px;
	top: 20px;
}

#banner h3 em {
	font-style: italic;
}

#banner p {
	bottom: 0;
	left: 25px;
	color: #ffffff;
	position: absolute;
}

#banner p em {
	font-style: italic;
}

/* Footer and decoration of the site bottom */

#footer {
	position: relative;
	width: 900px;
	height: 30px;
	padding: 5px 30px;
	overflow: auto;
	text-align: center;
}

#footer .copyright {
	position: absolute;
	display: block;
	/*width: 600px;*/
	top: 0;
	left: 30px;
	font-size: 20px;
	font-weight: lighter;
	color: #d0e3a6;
}

#footer .copyright a {
	font-size: inherit;
	color: inherit;
	font-weight: lighter;
	color: #d0e3a6;	
}

#footer .copyright a:hover {
	color: #b6d278;
}

#footer .not-so-much a:hover {
	color: #7E7E7E;
}
#footer .website-by {
	position: absolute;
	display: block;
	top: 0;
	right: 30px;
}
#footer .website-by a {
	font-size: 20px;
	color: #c6c6c6;
	font-weight: lighter;
}
#footer .website-by a:hover {
	color: #b6b6b6;
}


/*****************************************************************************
 *
 * Forms
 *
 ****************************************************************************/


/**
 * General
 */
input[type="text"] {
	padding: 5px;
	border: 1px solid #cdcdcd;
	font-size: 12px;
}

/*****************************************************************************
 *
 * Bubbles
 *
 ****************************************************************************/

#content .link-button:hover {
	border: none;
}

.bubble .link-button {
	color: white;
}

.bubble input[type="text"] {
	width: 130px;
	margin-right: 10px;
}

.bubble h2 {
	margin-bottom: 6px;
}
.bubble a {
	color: #949C25;
}

.bubble p {
	margin-bottom: 8px;
}

.bubble .center {
	text-align: center;
}

/*****************************************************************************
 *
 * Modifications
 *
 ****************************************************************************/

/**
 * Home
 */
.home .icon-more {
	padding-left:5px;
}

.home .feature h2 {
	color: #ffffff;
}

.home .feature {
	height: 174px;
	width: 280px;
	padding: 45px 15px 25px 665px;
	background: #bbd62f;	
}
.home .feature .bubble {
	left: 625px;
}
.home .feature .bubble .stem {
	position: absolute;
	left: -19px;
	top: 85px;
	width: 34px;
	height: 34px;
	background: url('/img/layout/bubble-stem.gif');
}
.home .feature .bubble h2 {
	font-size: 16px;
	color: #949C25;
	text-shadow: none;
}
.home .feature img.feature-image {
	position: absolute;
	top: -36px;
	left: 0;
}

.home .feature img.floating-image {
	position: absolute;
	top: -15px;
	left: 390px;
	z-index: 9;
}
.home .feature ul {
	padding-top: 8px;
}
.home .feature ul li {
	margin-left: 20px;
}
.home .feature li a {
	position: relative;
	top: -3px;
	font-size: 14px;
	color: #ffffff;
	padding-left: 20px;
	font-size: 14px;
	background: url('/img/layout/bullet-white.png') 0 3px no-repeat;		
}
#content .home .feature li a {
	color: #555555;
	border: none;
}
#content .home .feature li a:hover {
	color: #ffffff;
	border: none;
}

.home .specials {
	padding-top:20px;
	margin: -20px -20px;
	padding-bottom: 10px;
}

.specials .book {
	margin-bottom: 0;
	padding: 20px;
	width: 50%;
}

.specials .top-left {
	border-right: 1px dashed #dfdfdf;
	border-bottom: 1px dashed #dfdfdf;
}
.specials .top-right {
	border-bottom: 1px dashed #dfdfdf;
}
.specials .bottom-left {
	border-right: 1px dashed #dfdfdf;
}

.specials img {
	float: left;
	margin: 0 15px 0 0;
	box-shadow: 3px 3px 8px #aaa;
	-webkit-box-shadow: 3px 3px 8px #aaa;
	-moz-box-shadow: 3px 3px 8px #aaa;
}

.specials h3 {
	font-size: 18px;
	color: #99c23e;
	font-weight: lighter;
	padding-left: 120px;
	margin-bottom: 5px;
}

.specials h3:hover {
	color: #759332;
}

.specials p {
	padding-left: 120px;
}

.specials .isbn {
	color: #bcbcbc;
	margin-bottom: 0;
}

.specials .price {
	font-size: 28px;
	font-weight: lighter;
	color: #99c23e;
}

.specials .rrp {
	color: #99c23e;
	margin-bottom: 8px;
}

.specials .rrp span {
	text-decoration: line-through;
}

td.message {
	padding: 5px;
}

td.message h3 {
	margin-top: 10px;
}

td.message img {
	box-shadow: 0 0;
	-webkit-box-shadow: 0 0;
	-moz-box-shadow: 0 0;
}

/**
 * Opening hours
 */
.hours th {
	width: 80px;
	font-weight: bold;
	font-size: 14px;
}

.hours .weeks {
	font-style: italic;
	font-weight: bold;
}

.hours td, th {
	color: #4B4B4B;
	font-size: 12px;
	line-height: 18px;
	padding: 15px;
	text-align: center;
}


/* Forms */
.standard form ul {
	list-style: none;
}

.standard form li {
	padding: 0;
	margin: 0;
}

.basic .fieldset {
	background: #f4f4f4;
	border: 1px solid #dbe27a;
	padding: 25px 15px 10px;
	margin-bottom: 30px;
}

.basic div.half {
	float: left;
	width: 403px;
}
.basic div.first {
	margin-right: 30px;
}

.basic h3 {
	color: #FFFFFF;
	background-color: #BBD62F;
	font-size: 22px;
	font-weight: lighter;
	margin: -25px -15px 30px -15px;
	padding: 15px 15px 10px;
}

.basic .field {
	margin-bottom: 20px;
	position: relative;
}

.basic label {
	color: #4b4b4b;
	display: block;
	float: left;
	font-size: 14px;
	padding-right: 20px;
	padding-top: 6px;
	text-align: right;
	width: 100px;
}

/* Wide section */
.basic .wide {
	clear:both;
}
.basic .wide .field {
	float: left;
	padding-right: 15px;
}
.basic .wide label {
	float: none;
	padding-right: 0;
	padding-bottom: 8px;
	text-align: left;
}
.basic .wide input[type="text"] { width: 100px; }

.basic .wide input.medium { width: 45px; }
.basic .wide input.medium input {	width: 35px; }
.basic .wide input.large { width: 200px; }
.basic .wide input.large input {	width: 190px; }
.basic .wide .no-width { width: 100%; float: none; }
.basic .wide .no-width label {	width: 100%; }
.basic .wide .no-width textarea { width: 100%; height: 5em;}
.basic .wide input.author { width: 130px; }
.basic .wide input.author input { width: 120px; }
.basic .wide input.isbn { width: 140px; }
.basic .wide input.isbn input { width: 130px; }

.basic .wide-label label {
	width: 165px;
}

.basic input[type="text"] {
	width: 200px;
}
.basic textarea {
	width: 200px;
	padding: 2px;
	font: 1em/1.5em Helvetica, Tahoma, sans-serif;
}
.basic .wide-label input[type="text"] {
	width: 150px;
}

.basic select {
	width: 110px;
	padding: 2px;
}

#unit_info select {
	width: 266px;
}

#enrolment select {
	width: 160px;
}

.basic div.no-label input, .basic div.no-label select {
	margin-left: 100px;
}
.basic .wide-label div.no-label input, .basic div.wide-label div.no-label select {
	margin-left: 190px;
}

.basic input[type="text"].small, .basic select.small {
	width: 30px;
}

#textbooks_entry  th {
	color:#757C14;
	font-size:14px;
	padding-bottom: 8px;
	text-align: left;
}

#textbooks_entry input, #textbooks_entry select {
	margin-right: 15px;
}

#textbooks_entry td {
	padding: 0 0 8px 0;
}


.basic .hint {
	display: inline;
	padding-left: 10px;
	color: #4b4b4b;
}

.input_error {
	background: #f4bcbc;
	padding:10px 8px 1px 8px;
}

.input_error label {
	color: #4B4B4B;
}

ul.errors {
	clear:both;
}

.basic .half ul.errors {
	padding-top: 5px;
	margin-left: 120px;
}

.basic .wide-label ul.errors {
	padding-top: 5px;
	margin-left: 185px;
}

.column ul.errors {
	clear:both;
	padding-top: 5px;
	margin-left: 120px;
}

p.form_error {
	background: url(/img/forms/error.png) no-repeat 1em center #f4bcbc;
	padding: 1em 1em 1em 50px;
	line-height: 1.5;
	margin: 0 0 30px 0;
}

#unit_school_other {
	margin: 0 0 0 120px;
}

#adoptionslist_submit {
	width: 100%;
	text-align: center;
	overflow: auto;
	clear: both;
}

#adoptionslist_submit button {
	font-size: 14px;
	padding: 10px 15px;	
	margin-right: 30px;
}

#captcha_box {
	height: 100px;
}

#captcha_description {
	display: block;
	float: left;
	margin: 0 15px 12px 2px;
}

#captcha_description label {
	width: 100%;
}

#captcha_img_area {
	background: #ffffff;
	position: relative;
	display: block;
	float: left;
	margin: 0 8px 5px 0;
	width: 150px;
	height: 50px;
	border: 1px solid #bfbfbf;
	cursor: pointer;
	padding: 0;
}

#captcha_img {
	margin: 0;
	padding: 0;
}

#captcha_input_area {
	display: block;
	padding-top: 16px;
	float: left;
	position: relative;
}

#captcha_input {
	width: 80px;
}

#captcha_refresh {
	background-image:url(/img/layout/loading.png);
	height:16px;
	left:2px;
	position:absolute;
	top:2px;
	width:16px;
	z-index:2;
}

.feature p {
	color: #4b4b4b;
}

.feature p a {
	color: #4B4B4B;
	border-bottom: 1px dotted #4B4B4B;
}

h3#add_reader, h3#add_textbook {
	float: left;
	width: 368px;
}

/* Contact */

.standard .locations {
	list-style: none;
}

.locations {
	height: 820px;
	padding-bottom: 60px;
}

.locations .phone {
	font-weight: bold;
}

.locations .special {
	height: 75px;
	width: 400px;
	margin: 30px 0;
	float: left;
	padding-left: 36px;
}

.locations img {
	float: left;
	border: 1px solid #aaa;
	margin: 0 15px 0 0;
}

.locations h3 {
	font-size: 18px;
	color: #99C23E;
	font-weight: lighter;
}

.locations p {
	padding-left: 101px;
}
.column {
	width: 450px;
	float: left;
}

.column input[type="text"] {
	width: 315px;
	font-family: "Helvetica Neue", "Calibri", Arial, sans-serif;
}
.column .input_error input[type="text"] {
	width: 300px;
}

.column textarea {
	height: 110px;
	width: 315px;
	border: 1px solid #CDCDCD;
	padding: 5px;
	font-size: 12px;
	font-family: "Helvetica Neue", "Calibri", Arial, sans-serif;
}
.column .input_error textarea {
	width: 300px;
}

.column select {
	width: 200px;
	padding: 0;
}

.column button {
	width: 100px;
}

.column img {
	float: left;
	margin-left: 0;
}
.column #contact_submit {
	width: 100%;
	clear: both;
	height: 30px;
	float: left;
	margin-top: 15px;
}

#contactForm {
	margin: 30px 0 0;
}

/* Homepage Banner widget */

#banner-widget {
	margin-bottom: 3px;
}

.banner-nav {
	height: 52px;
	background-color: #323232;
}

.banner-nav a {
	display: block;
	width: 27px;
	height: 29px;
	background: url('/img/layout/banner-nav.gif') no-repeat bottom;
	margin: 11px 0 0 11px;
	float: left;
}

.banner-nav a.active {
	background-position: 0 0;
}

.banner-nav a:hover {
	cursor: pointer;
	border: none !important;
}

.banner-nav-inner {
	float: right;
	margin-right: 11px;
}