/* 
Title:     Tate Images - gStyles.css
Author:    Darrin Waterbury, darrin@darrinscottstudios.com
Updated:   May 4, 2007
*/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for compliant browsers */
	color: #666;
	line-height: 1.4em;
	background: #fff url(../images/bg.gif) repeat-x top left;
	}
	  
html>body { /* be nice to Opera */
 	font-size: small;
	}

/* ---[ subpage links ]----------------------------------- */

body#p-company #company a,
body#p-services #services a,
body#p-terms #terms a,
body#p-news #news a,
body#p-lfap #lfap a,
body#p-aod #aod a{
 	color: #d3a614;
	font-size: 85%;
	font-weight: bold;
	background: url(../images/arrows.gif) no-repeat 0 5px;
	}

/* ---[ links ]----------------------------------- */

a:link {
	color: #d4a000;
	text-decoration: none;
	}
a:visited {
	color: #d4a000;
	text-decoration: none;
	}
a:hover {
	color: #544f43;
	text-decoration: underline;
	}

#header {
	float: left;
	width: 950px;
	/*background: url(../images/headerpicture.jpg) no-repeat top left;*/
	}

#logo {
	float: right;
	padding: 0;
	margin: 0;
	text-align: right;
	}

/* ---[ top header links ]--------------------- */

#links {
	float: right;
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	font-size: 85%;
	background: url(../images/icon_cart.gif) no-repeat 0 47%;
	}
#links li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}
#links a {
	float: left;
	padding: 10px;
	color: #d4a000;
	text-decoration: none;
	}
#links a:hover, #nav a.active {
	color: #d4a000;
	text-decoration: underline;
	}
#register, #signin {
	background: url(../images/links-li-bg.gif) no-repeat 0 50%;
	}

#nav {
	clear: both;
	float: left;
	width: 950px;
	}
	
/* ---[ common elements ]--------------------- */
.clear { clear: both }

p {
	margin: 1em 0;
	padding: 0;
	}
h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 160%;
	font-weight: normal;
	}
h2 {
	margin: 1.5em 0 0 0;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 140%;
	font-weight: normal;	
	color: #d4a000;
	}
h3 {
	margin: 1.5em 0 0 0;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #9cf;
	}
h4 {
	margin: 1.5em 0 0 0;
	padding-bottom: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #999;
	}

em {
	font-style: italic;
	}
strong {
	font-weight: bold;
	}
	
/* ---[ sub-menus ]----------------------------------- */

#p7simonsubs1 {
	position: absolute;
	top: 110px;
	left: 95px;
	width: 160px;
	font-size: 11px;
	line-height: normal;
	background-color: #7F7B72;
	z-index: 20;
	visibility: hidden;
	}

#p7simonsubs4 {
	position: absolute;
	top: 110px;
	left: 390px;
	width: 160px;
	font-size: 11px;
	line-height: normal;
	background-color: #7F7B72;
	z-index: 21;
	visibility: hidden;
	}

#p7simonsubs5 {
	position: absolute;
	top: 110px;
	left: 473px;
	width: 160px;
	font-size: 11px;
	line-height: normal;
	background-color: #7F7B72;
	z-index: 22;
	visibility: hidden;
	}

/* 	The submenu links are in paragraphs, so the margin is set to zero so there is no gap between links */
.p7submenus p {
	margin: 0;
	}
.p7submenus a, .p7submenus a:visited {
	display: block;
	padding: 3px 10px;
	width: 100%; /*IE 5 PC reads this*/
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 168px; /*IE5Mac IE6 Mozilla Opera read this*/
	border: 1px solid;
	border-color: #95928a #7F7B72 #95928a #7F7B72;
	border-top: none;
	background-color: #7F7B72;
	color: #fff;
	text-decoration: none;
	}
.p7submenus a:hover, .p7submenus a:active, .p7submenus a:focus {
	background-color: #ffcc33;
	color: #544f43;
	text-decoration: none;
	}

/* ---[ quick search bar ]------------------------------- */

#qsnavcontent {
	float: left;
	margin: 0;
	padding: 5px 0 5px 24px;
	width: 926px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*background: #dddcd9 url(../images/searchbox-bg.gif) repeat-x bottom left; */
	}

.qstextField {
	margin-left: 2px;
	font-size: 11px;
	color: #333;
	width: 170px;
	border: 1px solid #999;
	}
	
#qsleft	{
	float: left;
	left: 0;
	width: 230px;
	}

#qsleft ul {
	margin: 0;	
	padding: 5px 0 0 0;
	}

#qsleft li {
	list-style: none;
	display: inline;
	}

#qsleft input {
	display: inline;
	vertical-align: middle;
	}

/* qsreleased */

#qsreleased {
	float: left;
	width: 113px;
	margin-left: 2px;
	}
	
#qsreleased ul, qsreleased li {
	margin: 0;
	padding: 1px 5px;
	}

#qsreleased li {
	list-style: none;
	display: inline;
	}
	
#qsreleased input {
	display: inline;
	vertical-align: middle;
	}

/* qsorientation */

#qsorientation {
	float: left;
	width: 160px;
	}
		
#qsorientation input {
	display: inline;
	vertical-align: middle;
	}

#qsorientation ul, qsorientation li {
	margin: 0;
	padding: 1px 10px;
	border-left: 1px solid #fff;
	}

#qsorientation li {
	list-style: none;
	display: inline;
	padding-right: 5px;
	vertical-align: middle;
	}

/* qscolour */
	
#qscolour {
	float: left;
	width: 90px;
	}
	
#qscolour input {
	display: inline;
	vertical-align: middle;
	}

#qscolour ul, qscolour li {
	margin: 0;
	padding: 1px 10px;
	border-left: 1px solid #fff;
	}

#qscolour li {
	list-style: none;
	display: inline;
	padding-right: 5px;
	vertical-align: middle;
	}

/* results per page */
	
#resultsPer {
	float: left;
	margin: 0;
	padding: 12px;
	width: 137px;
	}
.resultsperMenu {
	font-size: 11px;
	color: #333;
	}
		
/* advanced search */
	
#advSearch {
	float: right;
	margin: 0;
	padding: 5px 0;
	text-align: right;
	width: 160px;
	}
#advSearch a:link {
	color: #544f43;
	text-decoration: none;
	}
#advSearch a:visited {
	color: #544f43;
	text-decoration: none;
	}
#advSearch a:hover {
	color: #000;
	text-decoration: underline;
	}

/* ---[ advanced search options ]------------------------------- */

#advancedSearch {
	clear: left;
	float: left;
	margin: 0;
	padding: 0 0 0 24px;
	width: 926px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #dddcd9 url(../images/searchbox-bg.gif) repeat-x bottom left;
	}
.advSearchOptions {
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	}
#artistSearch {
	float: left;
	width: 330px;
	}
.a-z { 
	float: left;
	font-size: 11px;
	width: 330px;
	}
.artistList {
	float: left;
	padding-left: 2px;
	font-size: 11px;
	color: #333;
	width: 318px;
	height: 110px;
	}
	
/* ---[ subject search ]----------------------------------- */

.subjectSearch {
	clear: right;
	float: left;
	margin: 0;
	padding: 0 8px;
	width: 170px;
	}
.subjectSearch ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}	
.subjectSearch li {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}

/* ---[ search history ]----------------------------------- */

#searchHistory {
	clear: right;
	float: left;
	margin: 0;
	padding: 0 8px;
	width: 135px;
	}
.lastTen {
	padding-left: 2px;
	font-size: 11px;
	color: #333;
	width: 184px;
	border: 1px solid #999;
	}	
	
/* ---[ page layout ]----------------------------------- */

#searchbox {
	float: left;
	width: 100%;
	background: #dddcd9 url(../images/searchbox-bg.gif) repeat-x bottom left;
	}
#wrapper {
	clear: left;
	float: left;
	width: 950px;
	min-height: 400px;
	}
#title {
	clear: left;
	float: left;
	width: 950px;
	height: 54px;
	}
#bt-logo {
	float: right;
	}

/* ---[ homepage layout ]----------------------------------- */

#home-content {
	position: relative;
	float: left;
	margin: 0;
	padding: 0 24px;
	width: 390px;
	height: 320px;
	font-size: 100%;
	}	
#home-rotation {
	float: right;
	width: 500px;
	height: 320px;
	}	
.promo-box {
	position: absolute;
	bottom: 0;
	left: 24px;
	margin: 0;
	padding: 0;
	width: auto !important;
	width: 410px;
	background: #dddcd9;
	border: 3px double #fff !important;
	border: none;
	}
.promo-box .gutter {
	padding: 0 15px;
	}
.promo-box h1 {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #544f43;
	}
.promo-box a {
	color: #544f43;
	font-weight: bold;
	text-decoration: none;
	}
.promo-box a:hover {
	color: #d4a000;
	text-decoration: none;
}
.promo-box p {
	font-size: 18px;
	line-height: 1.2em;
	}
.promo-box ul {
	margin: .3em 2em;
	padding: 0;
	}
	
/* --- [ channels ] ------------------------------- */
#channels {
	clear: left;
	float: left;
	margin: 0;
	padding: 0 0 0 25px;
	width: 925px;
	}
.box {
	float: left;
	margin: 0 12px 0 0;
	padding: 2px;
	width: 216px;
	text-align: left;
	border: 1px solid #dddcd9;
	}
.box img {
	float: left;
	margin-right: 8px;
	border: none;
	}
.box h2 {
	margin: 0;
	padding: 3px 0 .20em 80px;
	font-size: 95%;
	font-weight: bold;
	}
.box p {
	margin: 0;
	padding: 0;
	font-size: 85%;
	line-height: normal;
}
.box a:link, .box a:visited, .box a:active {
	display: block;
	color: #666;
	text-decoration: none;
	}
.box a:hover {
	text-decoration: none;
	background: #f0f0f0;
	}
.last {
	margin-right: 0;
}

/* ---[ footer ]----------------------------------- */
	
#footer {
	clear: both;
	width: 902px;
	margin: 0;
	padding: 24px;
	font-size: 85%;
	}
#footer p {
	margin: 0;
	padding: 1px 0;
	}