img, div { behavior: url(/htc/iepngfix.htc) }

body {
	margin: 0;
	padding: 20px 0;
	font-family: Arial;
	font-size: 100%;
	text-align: center;
}
img {
	border: 0;
}
.wrapper {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	z-index: 0;
}
h1 {
	height: 82px;
	margin: 0 0 2px 0;
	padding: 0;
	font-size: 0;
}
h1 a {
	display: block;
	height: 82px;
	width: 960px;
	background: url("/img/header.jpg") no-repeat;
	text-indent: -9999px;
}
h2 {
	font-size: 125%;
}
h3 {
	font-size: 110%;
}
.search {
	position: absolute;
	width: 250px;
	height: 25px;
	top: 120px;
	right: 0;
	margin: 0;
	padding: 0;
	background: url("/img/search.png") no-repeat;
	text-align: right;
	z-index: 1111img, div { behavior: url(/htc/iepngfix.htc) }
}
.search .criteria {
	float: left;
	margin: 3px 0 2px 14px;
	width: 151px;
	height: 18px;
	border: 0;
}
.search .submit {
	float: left;
	height: 16px;
	width: 60px;
	margin: 3px 0 0 18px;
	padding: 0;
	border: 0;
	background-color: transparent;
	color: #fff;
	font-family: Arial;
	font-weight: bold;
	font-size: 85%;
}
.search a {
	position: absolute;
	display: block;
	width: 100px;
	left: 0;
	margin: 6px 15px 0 -100px;
	color: #000;
	font-size: 75%;
	font-style: italic;
	text-decoration: none;
}
.adv_search {
	padding: 10px;
	margin-bottom: 2em;
	border: 1px solid #a2b7c7;
	background-color: #eff5fa;
}
.adv_search .criteria {
	width: 600px;
	margin-bottom: 1em;
}
.adv_search .price_label {
	margin-left: 40px;
}
.adv_search .buttons {
	margin-top: -22px;
}
.base_nav {
	position: absolute;
	width: 602px;
	margin: 0;
	padding: 0;
	background-color: #0a396b;
	list-style-type: none;
}
.base_nav li {
	float: left;
}
.base_nav li a {
	float: left;
	display: block;
	padding: 5px 21px; 
	background-color: #0a396b;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}
.base_nav li a:hover {
	background-color: #0D4C8F;
}
.basket_nav {
	position: absolute;
	left: 604px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.basket_nav li {
	float: left;
	margin-right: 2px;
}
.basket_nav li a {
	float: left;
	display: inline;
	padding: 5px 22px; 
	margin: 0;
	background-color: #006a68;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}
.basket_nav li a:hover {
	background-color: #02928F;
}
.cat_nav {
	position: absolute;
	clear: both;
	left: 0;
	height: 29px;
	margin: 0px 0 0 0;
	padding: 0;
	list-style-type: none;
}
.cat_nav li {
	float: left;
	margin: 0px; 
}
.cat_nav li a {
	display: block;
	padding: 5px 11px;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	text-decoration: none;
}
.cat_nav .church  {
	background-color: #b73127;
}
.cat_nav .church:hover  {
	background-color: #9A2820;
}
.cat_nav .schools  {
	background-color: #ef2f24;
}
.cat_nav .schools:hover  {
	background-color: #CF2920;
}
.cat_nav .banners  {
	background-color: #f36325;
}
.cat_nav .banners:hover  {
	background-color: #C5501D;
}
.cat_nav .customised_banners  {
	background-color: #fec45a;
}
.cat_nav .customised_banners:hover  {
	background-color: #D8A74E;
}
.cat_nav .posters  {
	background-color: #E8E354; /*efea59;*/
}
.cat_nav .posters:hover  {
	background-color: #C7C34A;
}
.cat_nav .cards  {
	background-color: #f39036;
}
.cat_nav .cards:hover  {
	background-color: #C6742A;
}
.cat_nav .books  {
	background-color: #0da952;
}
.cat_nav .books:hover  {
	background-color: #0B8742;
}
.cat_nav .music  {
	background-color: #1063b0;
}
.cat_nav .music:hover  {
	background-color: #0D4F8C;
}
.cat_nav .cd_dvds  {
	background-color: #7c206d;
}
.cat_nav .cd_dvds:hover  {
	background-color: #611955;
}
.cat_nav .other  {
	background-color: #dc9a5f;
}
.cat_nav .other:hover  {
	background-color: #B6804F;
}
.cat_nav .downloads  {
	background-color: #0e41a8;
}
.cat_nav .downloads:hover  {
	background-color: #062c78;
}
.breadcrumbs {
	padding: 5px 10px;
	background-color: #cccdcd;
	font-size: 75%;
}
.breadcrumbs a {
	color: #4e6475;
}
.left, .right {
	float: left;
	width: 145px;
	margin-top: 40px;
	font-size: 80%;
}
.left h3 {
	padding: 5px 10px;
	margin: 0;
	background-color: #ef2f24;
	color: #fff;
	font-size: 110%;
}
.left .new_products {
	display: block;
	padding: 5px;
	border-left: 2px solid #ef2f24;
	border-right: 2px solid #ef2f24;	
	color: #939598;
	font-style: italic;
}
.left ul {
	margin: 0;
	padding: 0;
	border-top: 2px solid #ef2f24;
	border-left: 2px solid #ef2f24;
	border-right: 2px solid #ef2f24;
	list-style-type: none;
}
.left ul li {
	padding: 5px 7px;
	border-bottom: 2px solid #ef2f24;
}
.left ul li a {
	display: block;
	text-underline: none;
	color: #000;
}
.left .sub_cats {
	padding: 5px 7px;
	margin-bottom: 20px;
	border-bottom: 2px solid #ef2f24;
}
.left .sub_cats li {
	padding: 0;
	border-bottom: 0;
}
.main {
	float: left;
	width: 629px;
	margin: 40px 20px;
	font-size: 80%;
}

.mainlarge {
	float: left;
	width: 774px;
	margin: 40px 20px;
	font-size: 80%;
}

.main a {
	color: #4e6475;
}
.mainlarge a {
	color: #4e6475;
}
/* Home page */
.art {
	float: left;
	width: 158px;
	height: 531px;
	margin-right: 19px;
	background: url("/img/flash_art.gif") no-repeat;
}

.art .imgs {
	padding:0px;
	list-style-type: none;
	margin-left:34px;
	margin-top:75px;
	margin-bottom:0px;
	
}

.art .bannerimg{
	margin-left:6px;
	margin-top:15px;
}
.welcome {
	float: left;
	width: 412px;
	height: 102px;
	margin: 0 0 20px 0;
	padding: 50px 20px 0 20px;
	background: url("/img/flash_welcome.jpg") no-repeat;
	color: #fff;
	text-align: center;
}
.welcome a {
	color: #fff;
}
.welcome p {
	margin: 0;
	padding: 0 0 1em 0;
}
.flash_books {
	float: left;
	width: 196px;
	height: 213px;
	margin: 0 20px 20px 0;
	padding: 57px 10px 0 10px;
	background: url("/img/flash_books.gif") no-repeat;
}
.flash_schools {
	float: left;
	width: 196px;
	height: 213px;
	margin: 0 20px 20px 0;
	padding: 57px 10px 0 10px;
	background: url("/img/flash_schools.gif") no-repeat;
}
.flash_cddvds {
	float: left;
	width: 196px;
	height: 213px;
	margin: 0 0 20px 0;
	padding: 57px 10px 0 10px;
	background: url("/img/flash_cddvds.gif") no-repeat;
}
.flash_music {
	float: left;
	width: 196px;
	height: 213px;
	margin: 0 0 20px 0;
	padding: 57px 10px 0 10px;
	background: url("/img/flash_music.gif") no-repeat;
}


/* stocklist */
.album_grid {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.album_grid li {
	float: left;
	width: 25%;
	height: 200px;
	text-align: center;
}
.album_grid li img {
	display: block;
	margin: 0 auto;
	padding: 0 0 8px 0;
}
.album_grid li form {
	margin: 5px 0;
}
.album_grid li .small_button {
	display: inline;
	float: none;
}
.sort {
	float: right;
	width: 142px;
	margin-top: -2.5em;
}
.sort span {
	float: left;
	margin: 0.2em 0 0 0;
}
.sort form {
	float: right;
}
.stocklist .thumb_wrapper {
	float: right;
	position: relative;
	width: 75px;
	margin: 20px 0 20px 20px;
	padding: 5px;
	border: 1px solid #ccc;	
	background-color: #fff;
}
.stocklist .thumb_wrapper img {
	width: 75px;
}
.stocklist p {
	margin : 0 0 1em 0;
}
.stocklist .details_wrapper {
	margin-top: 20px;
}
.stocklist .price {
	float: left;
}
.stocklist .more_info {
	float: right;
}
.sale_small {
	position: absolute;
	width: 50px;
	height: 36px;
	right: 0;
	top: 0;
	background: url("/img/sale_small.png") no-repeat;
}
.paging_links {
	text-align: center;
}
.stocklist .dd_indicator {
	display: block;
	background: url("/img/dd_indicator.gif") no-repeat;
	padding: 0 0 0 20px;
	margin: 0 0 1em 0;
	font-weight: bold;
	font-size: 90%;
}

/* stock item */
.stockitem p {
	margin : 0 0 1em 0;
}
.stockitem .img_wrapper {
	margin: 0 0 0 10px;
}
.stockitem .hidden_img {
	display: none;
}
.stockitem .img_wrapper {
	position: relative;
	float: right;
	width: 300px;
	padding: 5px;
	margin-left: 10px;
	background-color: #fff;
}
.stockitem .img_wrapper img {
	padding: 5px;
	border: 1px solid #ccc;	
	background-color: #fff;
}
.stockitem .img_wrapper ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.stockitem .img_wrapper ul li {
	float: left;
	margin: 0 10px 0 0;
}
.stockitem .img_wrapper ul li img {
	width: 75px;
}
.thumbnails {
	margin-top: 10px;
	width: 312px;
	/*overflow-x: auto;
	overflow-y: auto;
	Removed: Do not re-add 
	*/
}
.stockitem .price {
	float: left;
	font-size: 120%;
}
.stockitem select {
	width: 309px;
}
.sale {
	position: absolute;
	width: 150px;
	height: 107px;
	top: 0;
	right: 0;
	background: url("/img/sale.png") no-repeat;
}
.stockitem .artist_album {
	margin: 0 0 1em 0;
}
.stockitem .dd_indicator {
	display: block;
	background: url("/img/dd_indicator.gif") no-repeat;
	padding: 0 0 0 20px;
	margin: 60px 0 1em 0;
	font-weight: bold;
}
.stockitem .songs {
	background-repeat: no-repeat;	
	background-position: 10px 30px;
	font-size: 85%;
}
.songs img {
	float: left;
}
.stockitem .songs ul {
	padding: 0 0 0 100px;
}
.stockitem .songs ul li {
	margin: 0 0 0.5em 0;
	font-weight: bold;
}
.songs .price {
	float: right;
	margin: 3px 20px 0 0;
}
/* Downloads list */
/* Basket page */
.downloads_frontend {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.downloads_frontend li {
	float: left;
	width: 33%;
	text-align: center;
	font-weight: bold;
}

/* Basket page */
.basket {
	width: 100%;
}
.basket th {
	margin: 0;
	padding: 5px 10px;
	border-bottom: 2px solid #a2b7c7;
	text-align: left;
}
.basket td {
	padding: 5px 10px;
	border-bottom: 1px solid #a2b7c7;
}
.basket td.alt {
	background-color: #eff5fa;
}
.basket td.total {
	border-top: 1px solid #a2b7c7;
	border-bottom: 0;
}
.basket td.no_border {
	border-bottom: 0;
}
.basket td.totals {
	font-weight: bold;
	text-align: right;
}
.basket ul {
	margin: 0.5em 0.5em 0.5em 2em;
	padding: 0;
	font-size: 85%;
}
.basket ul li {
	margin-bottom: 0.5em;
}
.basket .button {
}
.darker {
	border-top: 1px solid #bfdff8;
}
.darker td {
	background-color: #e4f3ff !important;
}
/* Checkout */
.addresses {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.addresses li {
	float: left;
	width: 290px;
	margin-right: 20px;
	margin-bottom: 2em;
}
.addresses input {
	float: left;
}
.addresses label {
	float: left;
}
/* Banner builder */
.custom_bannershapes {
	text-align: center;
}
.custom_bannershapes img {
	margin: 0 20px;
}
.image_bank {
	clear: both;
	margin: 10px 8px;
	padding: 0;
	list-style-type: none;
}
.image_bank li {
	float: left;
	margin: 0 10px 20px 0;
}
.image_bank li img {
	display: block;
	padding: 5px;
	margin-bottom: 3px;
	border: 1px solid #ccc;	
	background-color: #fff;
}
.image_bank li label { 
	font-size: 85%;
}
.sample_swatch {
	float: right;
	height: 40px;
	width: 65px;
	margin-bottom: 1em;
	border: 1px solid black;
	background-color: #fff;
}
.preview_banner {
	width: 452px;
	margin: 0 auto;
	padding: 43px 0 100px 0;
	text-align: center;
}
.preview_banner p {
	margin: 0;
	padding: 10px;
	font-weight: bold;
	font-size: 120%;	
}
.banner_wrapper {
	width: 300px;
	margin: 0 auto;
	border: 1px solid black;
}
.extras_wrapper {
	width: 300px;
	margin: 0 auto;
}
.tassles {
	float: left;
	width: 15px;
	height: 60px;
	background: url('/img/custom_bannertassle.gif') no-repeat;
}
.no_tassles {
	float: left;
	width: 15px;
	height: 60px;
}
.fringe {
	float: left;
	width: 203px;
	height: 47px;
	margin: 0 33px;
	background: url('/img/custom_bannerfringe.gif') no-repeat;
}
.no_fringe {
	float: left;
	width: 203px;
	height: 47px;
	margin: 0 33px;
}
/* Order process */
.order_process {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}
.order_process li {
	display: inline;
	padding: 0 10px;
	color: #888;
	font-size: 90%;
}
.order_process li.current {
	font-weight: bold;
	color: #000;
}
/* page content */
.img_right {
	float: right;
	margin: 0 0 0 10px;
}
/* Buttons */
.hr {
	margin-top: 2em;
	border-bottom: 1px solid #ddd;
}
.button {
	float: right;
	display: block;
	padding: 3px 10px;
	margin-bottom: 40px;
	border-top: 1px solid #4e6475;
	border-right: 1px solid #4e6475;
	border-bottom: 2px solid #4e6475;
	border-left: 1px solid #4e6475;
	background-color: #fff !important;
	background: url("../img/button.gif") no-repeat;
	color: #4e6475;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.button:hover {
	margin-top: 1px;
	border-top: 1px solid #4e6475;
	border-right: 1px solid #4e6475;
	border-bottom: 1px solid #4e6475;
	border-left: 1px solid #4e6475;
}
.greybutton {
	float: right;
	display: block;
	padding: 3px 10px;
	margin-bottom: 40px;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 2px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	color: #c0c0c0;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.small_greybutton {
	float: left;
	display: block;
	padding: 3px 5px;
	border-top: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	border-bottom: 2px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	background-color: #fff;
	color: #c0c0c0;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 85%;
}
.small_button {
	float: left;
	display: block;
	padding: 3px 5px;
	border-top: 1px solid #4e6475;
	border-right: 1px solid #4e6475;
	border-bottom: 2px solid #4e6475;
	border-left: 1px solid #4e6475;
	background: url("../img/button.gif") no-repeat #fff;
	color: #4e6475;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 85%;
}
.small_button:hover {
	margin-top: 1px;
	border-top: 1px solid #4e6475;
	border-right: 1px solid #4e6475;
	border-bottom: 1px solid #4e6475;
	border-left: 1px solid #4e6475;
}
.buttons {
	float: right;
	margin-top: 1.2em;
}
.buttons .button, .buttons .greybutton {
	margin-left: 10px;
}
.buttons_left {
	width: 52px;
	float: left;
	margin-top: 1.2em;
}

/*
	Form stuff
*/
.standard_form {
	margin: 10px 0;
	padding: 0;
}
.standard_form h3 {
	clear: left;
	margin: 0 0 1em 0;
}
.standard_form legend {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}
.standard_form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #ddd;
}
.standard_form .label {
	clear: both;
	float: left;
	width: 149px;
	margin-top: 5px;
	}
.standard_form .input_wrapper {
	float: left;
	width: 480px;
	margin-bottom: 1em;
}
.standard_form .input {
	float: left;
	width: 474px;
	padding: 2px;
	margin-bottom: 1em;
	border-top: 1px solid #ABADB3;
	border-right: 1px solid #E3E9EF;
	border-bottom: 1px solid #E3E9EF;
	border-left: 1px solid #ABADB3;
}
.standard_form .input_wrapper .input {
	float: left;
	width: 234px;
	padding: 2px;
	margin-bottom: 0;
	border-top: 1px solid #ABADB3;
	border-right: 1px solid #E3E9EF;
	border-bottom: 1px solid #E3E9EF;
	border-left: 1px solid #ABADB3;
}
.standard_form .input_wrapper .small_label {
	float: left;
	width: 240px;
	margin-bottom: 0.5em;
	font-size: 85%;
	color: #888;
}
.error {	
	background-color: #FFDDDD !important;
	border: 1px solid #B00000 !important;
}
.select {
	float: left;
}
.inputMsg {
	clear: left;
	margin-left: 150px;
	margin-bottom: 2em;
}
.radio {
	float: left;
	clear: left;
	width: 14px;
	margin: 0 5px 10px 0;
	padding: 0;
}
.radio_label {
	position: relative;
	float: left;
	height: 30px;
	width: 545px;
	margin: 0 0 10px 0;
}
.radio_label img {
	position: absolute;	
	right: 0;
	margin-top: -10px;
}
.small_notice {
	clear: left;
	font-weight: bold;
	font-size: 85%;
}
/* Info/Error msgs for forms */
.msg_info {
	clear: both;
	margin-bottom: 1em;
	padding: 5px;
	color: #000;
	background-color: #DDFFF7;
	border: 1px solid #4C91CE;
	text-align: left;
}
.msg_info a {
	color: #4C91CE;
	text-decoration: none;
	border-bottom: 1px dotted #4C91CE;
}
.msg_fail {
	clear: both;
	margin-bottom: 1em;
	padding: 5px;
	color: #000;
	background-color: #FFDDDD;
	border: 1px solid #B00000;
	text-align: left;
}
.flash {
	float: left;
	margin-top: 1px;
}
.flash_text {
	margin-left: 2em;
}
.flash_text a {
	color: #dd0000;
}
.flash_text ul {
	margin: 0.5em;
	padding: 0 1em;
}


.right h3 {
	padding: 5px 10px;
	margin: 20px 0 0 0;
	background-color: #006a68;
	color: #fff;
	font-size: 110%;
}
.right .login {
	margin: 0;
	padding: 5px 10px;
	border: 2px solid #006a68;
	background-color: #cccdcd;
}
.right strong {
	color: #006a68;
}
.right .input {
	width: 117px;
	border: 1px solid #000;
	margin-bottom: 10px;
}
.right .submit {
	display: block;
	margin: 0 auto;
	margin-bottom: 10px;
}
.right .login a {
	text-decoration: none;
	font-style: italic;
	color: #000;
}
.right p {
	margin: 0 0 1em 0;
}
.right .box {
	padding: 5px 10px;
	border: 2px solid #006a68;
}
.right .box ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style-type: none;
}
.right a {
	color: #006a68;
}

.product_code {
	float:left;
	width:200px ;
}
.more_information {
	float:right;
	width:200px;  
	height:30px; 
	overflow:hidden; 
	margin-top:20px;
}

.pdf_icon {
	display: block;
	background: url("/img/pdf_icon.gif") no-repeat;
	padding-left: 20px;
	margin-top: 60px;
	font-weight: bold;
}
