/*************************************************************************
	AVA Academia
	Developed by TwoBelowZero - www.twobelowzero.net
	MODULE: 	global.css
	PURPOSE:	all rules for site
*************************************************************************/

/* Reset browser 
*************************************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*Auto float clearing for compliant browsers
*************************************************************************/
#wrapper:after,
#main:after,
#nav:after,
#topbar:after,
#topnav:after,
#content:after,
#supplementary:after,
#content #newreleases:after,
#supplementary .full:after,
#supplementary .half:after,
#templateBooks #bodyarea:after,
#templateForm #bodyarea:after,
#templateBookDetail #bodyarea:after,
#catTitle:after,
#templateBooks .panel:after,
#templateForm .panel:after,
#templateBookDetail .panel:after,
#contactForm:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

/* General Rules and classes
*************************************************************************/
body {
	color:#000;
	background:#FFF url(/images/avatheme/grid.png);
	background:#FFF;
	font: normal 1.00em/1.2em Arial,"Helvetica Neue","Helvetica",sans-serif;
}
#skipto {
	position:absolute;
	left:-1000em;
}
.floatright {
	float:right;
	text-align:right;
}
.floatleft {
	float:left;
	text-align:left;
}
.alignright {text-align:right;}
.alignleft {text-align:left;}
.clear {clear:both;}
.more img {margin-right:4px;}
a.more:hover {text-decoration:underline;}

/* Layout (sizes / floats / positions of main elements)
*************************************************************************/
#wrapper {
	width:960px;
	padding:22px 0 0 0;
}
#main {
	width:768px;
	min-height:530px;
	margin-left:192px;
}
#nav {
	width:144px;
	padding:0 0 0 12px;
	min-height:530px;
	position:absolute;
	top:22px;
	left:24px;
}


/* Typography
*************************************************************************/
h1,h2,h3,h4,h5,h6 {
	font: bold 1em/normal Arial,"Helvetica Neue","Helvetica",sans-serif;
}
h1 {
	font-size:1.4em;
	line-height:normal;
}
h2 {

}
a,a:link {
	color:#000;
	text-decoration:none;
}
a:visited {color:#000;}
a:hover {
	color:#808080;
	text-decoration:underline;
}
a.more {text-decoration:none;}
p,ul,ol,dl {margin-bottom:12px;}
.grey {color:#999;}
/* Sidebar
*************************************************************************/
#nav {
	font-size:0.7em;
	line-height:1.95em;
	font-weight:bold;
}
#nav #logo-new {
	display:block;
	width:120px;
	height:46px;
	margin:0 0 0 -12px;
	background:#F9ED43;
}
#nav #logo-new img {
	margin:6px 0 0 12px;
}
#nav #logo-old {
	display:block;
	width:120px;
	margin:0 0 0 -12px;
}
#nav #logo-old img {
	margin:46px 0 0 12px;
}
#nav h3 {
	margin:28px 0 18px 0;
}
#nav h3 a {
	color:#000;
	border-bottom:8px solid #F9ED43;
	text-decoration:none;
}
#nav h3 a:hover {
	color:#000;
	border-bottom:8px solid #000;
}
#nav h3 a.selected {border-color:#000;}
#nav ul,
#nav ul li {
	list-style:none;
	margin:0;
}
#nav ul li a,
#nav ul li a:visited,
#nav ul li a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:4px solid #F9ED43;
}

/* Top Nav
*************************************************************************/
#topbar {
	padding:4px 0 0 0;
	font-size:0.7em;	
}
#topbar ul {
	list-style:none;
	line-height:normal;
	margin:0;
}
#topbar li a,
#topbar li a:visited {
	text-decoration:none;
	font-weight:bold;
}
#topbar li a:hover {
}
#topbar .active {color:#888;}
#topnav {
	float:left;
	width:324px;
}
#topnav li {
	margin:0 14px 0 0;
	list-style:none;
	float:left;
}
#topactions {
	float:left;
	width:192px;
}
#topactions li {list-style:none;}
#topactions li a,
#topactions li a:visited {
	line-height:1.2em;
	padding:0 0 0 12px;
	background:url(/images/avatheme/arrow-small-blackonwhite.png) 0 50% no-repeat;
}

/* Search
*************************************************************************/
#search {
	float:left;
	width:216px;
	height:40px;
	margin:-5px 0 0 12px;
	padding:7px 0 0 24px;
	background:#F9ED43;
}
#search legend {display:none;}
#search label {
	/*
	float:left;
	padding:0 12px;
	line-height:1;
	font-weight:bold;	
	background:url(/images/avatheme/arrow-small-blackonyellow.png) 0 1px no-repeat;
	*/
	height:0;
	width:0;
	position:absolute;
	overflow:hidden;
	top:-1000em;
}
#search input {
	float:left;
	border:none;
	background:#FFF;
	line-height:18px;
	width:132px;
	height:18px;
}
#search button {
	background:#F9ED43;
	margin:-3px 0 0 12px;
	padding:0;
	line-height:1;
	font-weight:bold;
	cursor:pointer;
}
#search button.hover {
	color: #808080;
}

/* Content
*************************************************************************/
#bodyarea {
	font-size:0.7em;	
	line-height:1.3em;	
}

/* Homepage */
#templateHome #content {
	clear:both;
	float:left;
	width:348px;
	min-height:500px;
	padding:16px 36px 0 0;
}

#templateHome #content h1 {
	color:#888;
	font-size:1.6em;
	font-weight:normal;
	line-height:1.2em;
	border-top:8px solid #F9ED43;
	padding:4px 0 0 0;
}
#templateHome #content h1 strong {color:#000;}
#templateHome #content .more img {
	margin:0 6px 0 0;
}
#templateHome #content #newreleases {
	margin:12px 0 0 0;
	padding:8px 0;
	border-top:8px solid #F9ED43;
	border-bottom:8px solid #F9ED43;	
}
#templateHome #content #newreleases h2 {
}
#templateHome #content #newreleases h3 {
	padding:0 0 6px 0;
}
#templateHome #content #newreleases p {
	color:#888;
	font-weight:bold;
	margin:0;
}
#templateHome #content #newreleases .cover {
	float:right;
	max-width:168px;
	margin:-1em 0 0 12px;
}
#templateHome #content #newreleases .cover img {
	border:1px solid #000;
}
#templateHome #content #newreleases .more {
	font-size:1em;
	font-weight:bold;
	line-height:normal;	
}
#templateHome #content #newreleases .more img {
	margin:0 4px 0 0;
	border:none;
}

/*************** Book List / Book Detail header area ***************/
#catTitle {
	padding:0 0 16px 0;
	position:relative;
}
#catTitle h1 {
	float:left;
	display:inline;
	margin:0 0 0 12px;
	font-size:1em;
	font-weight:bold;
	color:#FFF;
	border-bottom:4px solid #000;	
}
#catTitle ul {
	position:absolute;
	left:312px;
	margin:0;
}
#catTitle li {
	margin:0 14px 0 0;
	list-style:none;
	float:left;
	border-bottom:4px solid #FFF;	
	font-weight:bold;	
}
#catTitle li a,
#catTitle li a:visited {
	color:#000;
	font-weight:bold;
	text-decoration:none;	
}
#catTitle li.dimmed {
	border-bottom:4px solid #000;
	color:#000;
	opacity:0.2;
}

/**************************** Book List ****************************/
#templateBooks #bodyarea,
#templateForm #bodyarea {
	clear:both;
	float:none;
	width:684px;
	margin:16px 0 0 0;
}
#templateBooks #bodyarea #catColour {
	padding:12px 48px 48px 24px;
}
#templateBooks #content,
#templateForm #content {
	clear:both;
	float:none;
	background:#FFF;
	padding:16px 0 0 12px;
}

#templateBooks .panel .booklist,
#templateForm .panel .booklist {
	float:right;
	width:492px;
}
#templateBooks .panel h2,
#templateForm .panel h2 {
	float:left;
	padding:128px 0 0 0;
	border-bottom-style:solid;
	border-bottom-width: 4px;
}
#templateBooks .panel .details,
#templateForm .panel .details {
	float:left;
	width:164px;
	padding:0 0 18px 0;	
}
#templateBooks .panel .details h3,
#templateForm .panel .details h3 {
	width:126px;
	padding:0 0 6px 0;
}
#templateBooks .panel .details h3 a,
#templateForm .panel .details h3 a {text-decoration:none;}
#templateBooks .panel .details h3 a:hover,
#templateForm .panel .details h3 a:hover {text-decoration:underline;}
#templateBooks .panel .details img,
#templateForm .panel .details img {
	border:1px solid #4A4646;
	margin:0 0 6px 0;
}
.panel .details p.price {font-weight:bold;}
#templateBooks .panel .details p.rrp {
	color: #999;
}
#templateBooks .panel .details p {
	margin:0;
	line-height:normal;
}
#templateBooks .divider,
#templateForm .divider {
	clear: both;
	background:#F9ED43;
	height:8px;
	line-height:0.7em;
	margin:0 12px 16px 0;
}

/**************************** Book Detail ****************************/
#templateBookDetail #bodyarea {
	clear:both;
	float:none;
	width:768px;
	margin:16px 0 0 0;
}
#templateBookDetail #bodyarea #catColour {
	padding:12px 48px 48px 24px;
}
#templateBookDetail #content {
	clear:both;
	float:none;
	background:#FFF;
	padding:16px 0 0 12px;
}
#templateBookDetail #content img {
	border:1px solid #4A4646;
	margin:0 8px 0 0;
}

/********* Book Info / details / pictures ***********/

#bookdetailActions {
	float:left;
	width:204px;
}
#bookdetailActions li {
	list-style:none;
	margin-left:12px;
}
#bookdetailActions li.fade {
	color:#808080;
	margin:20px 0 14px 24px;
	line-height:1.2em;
}
#bookdetailActions li a,
#bookdetailActions li a:visited {
	line-height:1.2em;
	font-weight:bold;
	text-decoration:none;
	padding:0 0 0 12px;
	background:url(/images/avatheme/arrow-small-blackonwhite.png) 0 50% no-repeat;
}
#bookdetailActions li#buybook {
	background:#F9ED43;
	margin:6px 0 0 0;
	padding:6px 0 12px 12px;
	height:14px;
}
#bookdetailActions li#buybook a,
#bookdetailActions li#buybook a:visited {
	background:url(/images/avatheme/arrow-small-blackonyellow.png) 0 50% no-repeat;
}
#bookImages {
}
#bookDesc {
	float:left;
	width:204px;
	margin:20px 12px 0;
	line-height:normal;
}
#bookDesc h3 {color:#999;}
#bookDesc p strong {color:#999;}
#bookDesc li {

	list-style-type: none;
	background-image: url(/images/avatheme/grey-bullet-square.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 0.8em;
	margin-left: -0.8em;
}
#bookMeta {
	margin:20px 0 0;
	float:left;
	width:204px;
}
#bookMeta p {
	margin:0;
	line-height:normal;	
}
#bookMeta p.price,
#bookMeta p.rrp {font-weight:bold;}
#bookMeta p.rrp {
	color: #999;
}


/********* Book Reviews ***********/
#bookReviews,
#authorDetails {
	float:left;
	border-bottom:8px solid #F9ED43;
	width:204px;
	margin:20px 0 -8px;
}
#authorDetails strong {opacity:0.5;}
#bookReviews {
	padding:0 0 12px;
}
#bookReviews p {margin-bottom:0;}
#bookReviews .hilite {
	padding:0 0 6px 0;
}
#bookReviews .reviewName {color:#888;}

/********* You might also like ***********/

#templateBookDetail #bookRecommend h2 {
	background:#F9ED43;
	padding:6px 0 12px 24px;
	margin:12px 12px 12px 0;
}

#templateBookDetail .booklist {
	float:left;
	width:438px;
	margin:0 0 24px 216px;
}
#templateBookDetail .booklist h2 {
	float:left;
	padding:128px 0 0 0;
	border-bottom:4px solid #FFF;	
}
#templateBookDetail .booklist .details {
	float:left;
	width:146px;
	padding:0 0 12px 0;	
}
#templateBookDetail .booklist .details h3 {
	width:126px;
	padding:6px 0;
}
#templateBookDetail .booklist .details h3 a {text-decoration:none;}
#templateBookDetail .booklist .details h3 a:hover {text-decoration:underline;}
#templateBookDetail .booklist .details img {
	border:1px solid #4A4646;
	margin:0 0 6px 0;
}
#templateBookDetail .details p.price,
#templateBookDetail .details p.date {font-weight:bold;}
#templateBookDetail .details p {
	margin:0;
	line-height:normal;
}

/* Supplementary
*************************************************************************/
#supplementary {
	float:left;
	width:300px;
	padding:100px 0 0 0;	
}
#supplementary h3 {
	color:#000;
	padding:8px 12px 20px;
	width:156px;
	background:#F9ED43;
}
#supplementary p {margin:0;}
#supplementary .full {
	padding:8px 12px 12px;
	margin:8px 0 0 0;
	background:#777;
	color:#FFF;	
	line-height:normal;	
}
#supplementary .half {
	width:156px;
	min-height:64px;
	margin:8px 0 0 0;
	padding:8px 12px 0 12px;
	background:#777;
	color:#FFF;
	line-height:normal;
}
#supplementary .full img {
	float:right;
	margin:0 0 0 12px;
}
#supplementary .full strong {color:#000;}
#supplementary .half img {
	float:left;
	margin:-8px  8px 0 -12px;
}
#supplementary .yellow {color:#F9ED43;}
#supplementary .yellow .more {color:#F9ED43;}
#supplementary .white {color:#FFF;}
#supplementary .black {color:#000;}
#supplementary .white .more {color:#FFF;}
#supplementary .full .more img,
#supplementary .half .more img {
	margin:0 4px 0 0;
	float:none;
}
#supplementary .full em,
#supplementary .full strong,
#supplementary .full b {
	color:#000;
	font-weight:bold;
	font-style: normal;
}

/*********************** News page ***********************/
#templateNews #content {
	clear:both;
	float:left;
	width:348px;
	min-height:500px;
	padding:18px 36px 0 0;
}
#templateNews #content #article {
	padding:8px 0 36px;
	border-top:8px solid #F9ED43;
	clear:both;
}
#templateNews #content h2,
#templateNews #content h3 {margin-bottom:4px;}
#templateNews #content p {margin-bottom:4px;}
#templateNews #content a {
	font-weight:bold;
	text-decoration:none;
}
#templateNews #content a:hover {text-decoration:underline;}
#templateNews .divider {
	background:#F9ED43;
	height:8px;
}
#templateNews #content .paging {
	border-top:8px solid #F9ED43;
	padding:8px 0;
	height:16px;
	clear:both;
}
#templateNews #content .paging p {
	background:url(/images/avatheme/arrow-small-blackonwhite.png) 0 50% no-repeat;
	padding:0 0 0 12px;
}
#templateNews #content .paging a {
	color:#000;
	font-weight:bold;
}
#templateNews #content .paging a:hover,
#templateNews #content .paging strong {color:#999;}
#templateNews #content #article img {
	float:right;
	clear: right;
	max-width:168px;
	margin:4px 0 12px 12px;
}
#templateNews #content #article .date {
	float:left;
	margin:20px 0 0;
	color:#888;
}
#templateNews #content #article li {
	background-image:url(/images/avatheme/grey-bullet-square.png);
	background-position:0 0.4em;
	background-repeat:no-repeat;
	list-style-type:none;
	margin-left:-0.8em;
	padding-left:0.8em;
}
#templateNews #supplementary {
	padding:18px 0 0;
}
#templateNews #supplementary .full {margin:0;}
#templateNews #supplementary .half {background:#F9ED43;}
#templateNews #supplementary b {color:#000;}
#templateNews #supplementary .half {
	padding:8px 12px 24px;
}
#templateNews #supplementary h2 {
	padding:0 0 6px;
}
#templateNews #supplementary .half a {
	background:transparent url(/images/avatheme/arrow-small-blackonyellow.png) no-repeat scroll 0 50%;
	padding:0 0 0 12px;
	font-weight:bold;
}
#templateNews #supplementary .half a:hover {text-decoration:none;}

/*********************** Search Results uses templateNews ***********************/
#templateNews #content .paging span {float:right;}


/*********************** Contact Details ***********************/
#contactDetails {
	width:180px;
	padding:0 0 0 24px;
	margin:12px 0 12px 0;	
	float:left;
}
#contactDetails address {
	font-style:normal;
	margin:0 0 12px 0;
}
#contactDetails p {
	margin:0;
	line-height:normal;
}
#contactDetails p.outdent {
	margin:0 0 0 -9px;
}
#contactDetails a.weblink {
	text-decoration:none;
	font-weight:bold;
	color:#888;
}
#contactDetails a.emaillink {
	text-decoration:none;
	color:#888;
}
#contactDetails a.weblink:hover, 
#contactDetails a.emaillink:hover {
	text-decoration:underline;
	color:#000;
}

/*********************** Book Request ***********************/
p.removeCart {color:#DA0B0B;}
p.removeCart a {
	background:transparent url(/images/avatheme/arrow-small-redonwhite.png) no-repeat scroll 0 50%;
	line-height:1.2em;
	padding:0 0 0 12px;
	text-decoration:none;
	color:#DA0B0B;
	cursor:pointer;
}
p.removeCart a:hover {text-decoration:underline;}
p.warning {
	color:#DA0B0B;
	font-weight:bold;
	margin:12px 0 0;
	width:324px;
}
#templateRequest #bodyarea {
	clear:both;
	float:none;
	margin:16px 0 0;
}
#templateRequest #content {
}
#templateRequest #bodyarea #catColour {
	border-bottom:8px solid #999999;
	border-top:8px solid #999999;
	padding:0;
	width:516px;
float:left;
}
#templateRequest #content h2 {
	margin:12px 0 0;
}
#templateRequest #requestedbooks {
	float:right;
	width:492px;
	margin:12px 0 12px;
}
#templateRequest #content .divider {
	border-bottom:8px solid #999999;
	clear:both;
}
#templateRequest #content #info {
	line-height:normal;
	margin:12px 0 24px;
	width:360px;
}
#templateRequest #content p {width:360px;}
#templateRequest #content p.clear {clear:both;}
#templateRequest .panel .details {
	float:left;
	padding:0 0 18px;
	width:164px;
}
#templateRequest .panel .details img {
	border:1px solid #4A4646;
	margin:0 0 6px;
}
#templateRequest .panel .details h3 {
	padding:0 0 6px;
	width:126px;
}
#templateRequest #content #requestedbooks p {
	line-height:normal;
	margin:0;
}
#templateRequest #controls {
	width: 212px;
	margin:0 0 24px;
}
#templateRequest #controls li {
	background:#F9ED43;
	margin:6px 0 0 0;
	padding:6px 0 12px 18px;
	list-style:none;
}
#templateRequest #controls li a, #templateRequest #controls li a:visited {
	background:transparent url(/images/avatheme/arrow-small-blackonyellow.png) no-repeat scroll 0 50%;
	font-weight:bold;
	line-height:1.2em;
	padding:0 0 0 12px;
	text-decoration:none;
}
#templateRequest ol li {
	list-style-position: outside;
}
#templateRequest ol {
	margin:12px 0 0 18px;
}
#templateRequest #requestedbooks .emptydetails {
	width:103px;
	height:130px;
	border:8px solid #DDD;
	margin:0;
	float:left;
}
#templateRequest #requestedbooks .emptydetails p {
	width:103px;
	font-weight:bold;
	font-size:56px;
	padding-top:32px;
	text-align:center;
	color:#DDD
}
#templateRequest #requestedbooks .nobook {
	float:left;
	width:155px;
}
#templateRequest #requestedbooks .DisciplineSelection {
	width:140px;
	margin: 8px 0;
	font-size:11px;
	clear:left;
}
#templateRequest #supplementary {
	margin:0 0 0 12px;
	padding:0;
	width:240px;
}
#templateRequest #supplementary div {
	background:#F9ED43;
	padding:12px 12px;
	margin:0 0 12px;
}
#templateRequest #supplementary p {
	margin:12px 0 0;
}


/*********************** Default page (Content / Contact / etc.) ***********************/
#templateDefault #bodyarea {
	clear:both;
	float:none;
	width:504px;
	margin:16px 0 0 0;
	border-top:8px solid #F9ED43;
	border-bottom:8px solid #F9ED43;
	padding-bottom:48px;
}
#templateDefault #bodyarea.wheretobuy {padding-bottom:12px;}
#templateDefault #content {
	clear:both;
	float:none;
	background:#FFF;
	padding:12px 0 0;
	width:324px;
}
#templateDefault #content h1 {
	margin:0 0 12px;
	color:#999;
	font-size:1em;
}
#templateDefault #content h1 strong {
	color:#000000;
	font-size:1.4em;
}
#templateDefault #content h2,
#templateDefault #content p {
	color: #000;
}
#templateDefault #content .extraspace {margin-bottom:12px;}
#templateDefault #content li {
	font-weight: bold;
	list-style-type: none;
	background-image: url(/images/avatheme/grey-bullet-square.png);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 0.8em;
	margin-left: -0.8em;
}
#templateDefault  #content li h2,
#templateDefault  #content ul {
	margin-bottom: 0;
}

#templateDefault #content #additional h2 {
	margin-bottom: 6px;
}

/*********************************** Where to Buy *************************************/
#templateDefault #contactDetails address {
	border-top:8px solid #F9ED43;
	margin:24px 0 12px;
}
#templateDefault #contactDetails {
	width:504px;
	padding: 0;
	margin: 0;
}
#templateDefault #contactDetails p {width:350px;}

/*********************** Popup Box ***********************/
#templatePopup #content {
	margin:12px 0 0 16px;
}
#templatePopup #contactForm {
	margin:0;
	padding:0;
}
#templatePopup #contactForm label,
#templatePopup #contactForm input,
#templatePopup #contactForm textarea,
#templatePopup #contactForm legend,
#templatePopup p {
	font: normal 0.7em/1.6em Arial,"Helvetica Neue","Helvetica",sans-serif;
}
#templatePopup #contactForm label {
	width:164px;
	font-weight:bold;
}
#templatePopup  #contactForm input, 
#templatePopup #contactForm textarea {
	width:322px;
	line-height:normal;
}
#templatePopup #contactForm input, #templatePopup #contactForm fieldset {visibility:visible;}
#templatePopup #contactForm button {
	width:174px;
	margin:0 0 0 164px;
	cursor:pointer;
	font: bold 0.7em/1.6em Arial,"Helvetica Neue","Helvetica",sans-serif;
}
#templatePopup #contactForm .short {
	width:140px;
	margin:0 0 0 4px;
}
#templatePopup #contactForm .secondary {
	width:140px;
	margin:6px 0 0 164px;
	background:#FFF url(/images/avatheme/arrow-small-blackonwhite.png) no-repeat scroll 18px 8px;
}
#templatePopup #privacy {
	margin:48px 16px 0 0;
position:absolute;
top:268px;
width:496px;
}
#templatePopup #privacy strong {
	font: bold 1em/1.6em Arial,"Helvetica Neue","Helvetica",sans-serif;
}
#templatePopup #privacy p {line-height:1.3em;}

/*********************** Privacy Policy ***********************/
#privacy {
	clear:both;
	border-top:8px solid #999;
	padding:6px 0 12px;
}
#content #privacy p {
	margin:6px 0 0 0;
	padding:0;
}
#privacy img {
	margin:2px 4px 0 0;
}

/*********************** Footer ***********************/
#footer {
	float:right;
	padding:20px 0 0 0;
}
#footer p {
	text-align:left;
	font-size:0.7em;
	line-height:normal;
	color:#999;
	margin-bottom:6px;
}
#footer .indent {
	margin:0 0 0 -11px;
}
#footer p a {
	color:#999;
	text-decoration:none;
}
#footer p a:hover {
	color:#000;
	text-decoration:underline;
}