*{
margin:0;
padding:0;
}

body{
font-family:arial,helvetica,sans-serif;
text-align:center;
color:#000;
font-size: 12px;
/*background-image: url('/img/bg_grad_pin.gif');
background-repeat: repeat-x;
background-position: top-center;*/
background-color: #000;
}

/* General Style Info */
a{
color:#999;
text-decoration:none;
}
a:hover{
color:#000;
text-decoration:none;
}

a img{
border:none;
text-decoration:none;
}

a:focus {
-moz-outline:0;
outline:0;
outline-offset:0;
}

p{
margin-bottom:10px;
}

ul,li,ol{
margin:10px;
}

h1, h2, h3, h4{
font-weight:normal;
}

h1{
color: #000000;
margin:0.3em 0;
font-size: 180%;
}

h2{
color:#cc0000;
padding-top: 1em;
margin:0.3em 0;
font-size: 180%;
}

h3{
color:#cc0000;
padding-top:2em;
font-size: 140%;
}

h4{
color:#cc0000;
padding-top:0.5em;
font-weight:normal;
}

em {
font-size: 12px;
}

font{
display:inline;
}

#spacer{
height: 20px;
}

input{
padding: 2px;
}

label{
margin-right: 10px;
}

.error_message {
	color: #FF0000;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
}

hr{
margin-bottom: 10px;
}

/* Nav layout */

#nav-main ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#nav-main li {
margin: 0;
margin-right: 20px;
margin-top: -1px;
padding: 0px;
width: auto;
float: left;
}

#nav-basketimg{
float: right;
text-align: right;
width: 16px;
margin-right: 10px;
}

#nav-basket{
float: right;
text-align: right;
/*margin-top: -1px;*/
width: auto;
}

#nav-main a{
color: #333;
font-weight: bold;
}

#nav-main a:hover{
color: #FFF;
font-weight: bold;
}

#nav-basket a{
color: #EEE;
font-weight: bold;
}

#nav-basket a:hover{
color: #FFF;
font-weight: bold;
}

/*#nav-basket a span.items{
color: #00ff33;
font-weight: bold;
}

#nav-basket a:hover span.items{
color: #ffffff;
font-weight: bold;
}*/

/* AJAX autocomplete styles */

.ajax-loader {
	display: inline;
}

div#CollectionName_autoComplete {
	background-color: #FFF;
	max-height: 38px;
	height: expression( this.scrollHeight > 37 ? "38px" : "auto" ); /* sets max-height for IE */
	overflow: auto;
}

#collections-search div#CollectionName_autoComplete {
	max-height: 300px;
	height: expression( this.scrollHeight > 299 ? "300px" : "auto" ); /* sets max-height for IE */
}

ul#autocomplete {
margin: 0;
padding: 0;
list-style-type: none;
}

ul#autocomplete li {
margin: 0px;
padding: 5px 20px 5px 5px;
width: auto;
float: top;
}

ul#autocomplete li.selected, ul#autocomplete li.selected a {
background-color: #3366CC;
color: #FFFFFF;
}

/* Order and support information shared */

#order-support-info {
float: right;
width: 160px;
}

#order-support-info a {
position: relative; /*this is the key*/
z-index: 24; 
color: #000;
text-decoration: none;
padding: 0;
margin: 0;
border-width: 0;
}

#order-support-info a:hover {
z-index: 25; 
background: none; /* Required for IE to display floating span */
text-decoration: none;
padding: 0;
margin: 0;
}

#order-support-info a span.hover {
display: none;
}

#order-support-info a:hover span.hover { /*the span will display just on :hover state*/
padding: 10px;
display: block;
position: absolute;
top: -55px;
#top: 12px; /* IE6 hack */
right: 17px; 
width: 360px;
border: 1px solid #333;
background-color: #FFF; 
color: #000;
text-align: left;
font-size: 12px;
}

#order-support-info #order-info span.hover {
background-color: #88D484; 
}

#order-support-info #support-info span.hover {
top: -57px;
#top: 12px; /* IE6 hack */
background-color: #FFFFAA;
}

#order-support-info h3, #order-support-info h4 {
padding: 0 0 5px 0;
color: #000;
}

#order-support-info h3 {
font-weight: bold;
}

#order-support-info h4 { /* For IE */
font-size: 12px;
}

#order-support-info h4 p {
margin-bottom: 0;
}

#order-support-info table {
margin-top: 5px;
}

#order-support-info #order-info, #order-support-info #support-info {
height: 80px;
#overflow: hidden;  /* IE6 hack */
}

/* Headers */

#header-nav{
height: 12px;
padding: 9px 10px 9px 20px;
background-color: #CC0000;
width: 930px;
}

#header-nav.footer-nav {
margin-top: 20px;
float: left;
}

#header-crums{
color: #999;
padding: 5px 0 0 20px;
margin-bottom: 10px;
}

#header-top {
padding: 3px 10px 3px 20px;
height: 94px;
display: block;
background-color: #000;
}

#header-top-logo {
width: 161px;
margin-top: 27px;
}

#header-top-branding{
float: right;
color: #FFF;
font-size: 20px;
padding: 0;
margin-right: 20px;
z-index: 100;
height: 94px;
border: 1px solid #000000;
text-align: center;
vertical-align: middle;
}

#header-top-title{
float: right;
/*width: 960px;*/
text-align: right;
color: #FFF;
font-size: 20px;
line-height: 20px;
margin-top: 27px;
/*z-index: 25;
position: absolute;
top: 30px;
left: 0px;*/
}

#header-title{
padding: 10px 0 0 20px;
}

#header-title, #content-sub-title {
font-size: 18px;
font-weight: bold;
color: #cc0000;
}

#header-controls{
margin: 10px 20px 0 20px;
padding: 10px;
background-color: #EEE;
height: 22px;
clear:both;
}

#header-controls input, #header-controls select, #header-controls option{
font-size: 12px;
font-family: arial,helvetica,sans-serif;
}

#header-controls span{
margin-right: 5px;
float: left;
}

#header-controls span.page{
margin-right: 10px;
padding-top: 4px;
}

#header-controls span.gotopage{
margin-left: 20px;
padding-top: 4px;
}

#header-controls span.gotopage-inp{
margin-left: 10px;
}

#header-controls span.thumbnails{
float: right;
padding-top: 4px;
}

#header-controls span.thumbnails-sel{
margin-left: 10px;
float: right;
}

#header-controls span.thumbnails-go{
float: right;
}

#header-controls span.cart-show{
padding: 0;
position: relative;
margin: 0;
margin-top: -22px;
height: 22px;
left: 0px;
width: 895px;
display: block;
text-align: center;
}

#header-controls span.cart-show a{
color: #666;
}

#header-controls span.cart-show a:hover{
color: #000;
}

/* Layout */

#container{
text-align:left;
width:960px;
margin: 0 auto;
background-color: #fff;
overflow: visible;
display: block;
}

#content{
clear:both;
padding: 20px 40px 10px 40px;
background-color: #fff;
color: #333;
min-height: 400px;
}

#content.home {
padding-top: 0;
padding-left: 0;
padding-right: 0;
background-color: #EEE;
}

#footer{
clear:both;
padding: 20px 10px;
text-align: right;
}

#content-sub-title {
margin-left: -20px;
padding-bottom: 20px;
}

/* Per-page */

#home-search {
display: table;
/*margin: 20px auto 10px;*/
margin: 20px auto 0;
width: 880px;
}

#home-search-text, #home-nosearch-text {
float: left;
font-size: 14px;
text-align: center;
width: 420px;
}

#home-nosearch-text {
	float: top;
	width: 100%;
}

#home-search-search {
/*float: right;*/
}

#openCollection {
	margin-top: 10px;
}

#openCollection img {
	margin-bottom: -3px;
}

#collections ul {
margin: 0;
padding: 0;
list-style-type: none;
height:52px;
float: top;
width: 440px;
}

#collections li {
margin: 0;
margin-right: 20px;
margin-bottom: 10px;
padding: 0px;
width: auto;
float: left;
}

#collections li.collectioname{
padding-top: 10px;
}

#collection-results ul {
margin: 0;
padding: 0;
list-style-type: none;
height:52px;
float: top;
width: 440px;
}

#collection-results li {
margin: 0;
margin-right: 20px;
margin-bottom: 10px;
padding: 0px;
width: auto;
float: left;
}

#collection-results li.collectioname{
padding-top: 10px;
}

#events ul {
margin: 0;
padding: 0;
list-style-type: none;
height:52px;
float: top;
clear: left;
}

#events li {
margin: 0;
margin-right: 20px;
margin-bottom: 10px;
padding: 0px;
width: auto;
float: left;
}

#events li.eventlock{
width: 32px;
}

#events li.eventdate{
padding-top: 10px;
width: 100px;
}

#events li.eventname{
padding-top: 10px;
}

#events ul.event-headers {
height: auto;
display: table;
clear: none;
}

#events ul.event-headers li {
font-size: 1.2em;
font-weight: bold;
padding: 0;
}

#events div.archived_show {
margin-top: 20px;
}

#images ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#images li {
margin: 0;
margin-right: 20px;
margin-bottom: 10px;
padding: 0px;
width: 160px;
float: left;
}

#images span.imageholder{
display: block;
height: 130px;
}

#images span.imageref{
display: block;
text-align: center;
}

#images span.imageenlarge{
display: block;
margin-top: 10px;
padding-bottom: 10px;
float: left;
}

#images span.imagebuy{
float: left;
margin-top: 10px;
margin-left: 10px;
padding-bottom: 10px;
}

#images span.imagebought{
float: left;
margin-top: 10px;
margin-left: 10px;
padding-bottom: 10px;
}

#image span.imagedisplay{
float: left;
margin-bottom: 20px;
}

#image span.imagedisplay-center{
width: 880px;
text-align: center;
float: left;
margin-bottom: 20px;
}

#image span.imagedisplay-scrollable{
overflow: auto;
width: 880px;
text-align: center;
float: left;
margin-bottom: 20px;
}

#image span.imagesize {
float: left;
width: 640px;
text-align: right;
clear: left;
margin-bottom: 20px;
}

#image span.imagenoproducts {
display: block;
clear: both;
}

#image span.imagezoominstructions{
display: block;
clear: left;
width: 700px;
}

#image span.imageref, #image span.imagepurchase, #image span.imageincart, #image span.imagedescription, #image span.imagedescription-header, #image span.imagedescription-body{
float: right;
width: 220px;
margin-bottom: 20px;
clear: right;
}

#image span.textBelowImg span.imageref, #image span.textBelowImg span.imagepurchase, #image span.textBelowImg span.imageincart, #image span.textBelowImg span.imagedescription, #image span.textBelowImg span.imagedescription-header, #image span.textBelowImg span.imagedescription-body {
float: left;
clear: both;
}

#image span.imagepurchase ul, #image span.imageincart ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#image span.imagepurchase li, #image span.imageincart li{
float: left;
margin-left: 0px;
padding-left: 0px;
}

#image li.imageimgdesc{
padding-top: 10px;
padding-left: 10px;
}

#image span.imageproducts table{
clear:both;
}

#image span.imageproducts table th{
padding: 5px;
background-color: #eee;
}

#image span.imageproducts table td{
padding: 5px;
}

#image span.imageproducts table div.spacer{
height: 5px;
}

#image #productsnote {
text-align: right;
margin-bottom: 20px;
}

#image #order-support-info {
margin-bottom: 20px;
}

#cart span.products table{
clear:both;
}

#cart span.products table th{
padding: 5px;
background-color: #eee;
}

#cart span.products table td{
padding: 5px;
}

#cart select {
	width: 170px;
}

#cart div.subTotal{
width: 80px;
text-align: right;
}

#cart div.checkoutNotes {
	float: left;
	clear: left;
	margin-top: 40px;
	/*width: 440px;*/
	width: 700px;
}

#cart #order-support-info {
	margin-top: 40px;
	clear: right;
}

#cart div.deliveryForm {
	float: left; /* For margin to space checkout notes */
	clear: left;
	margin-top: 40px;
	margin-bottom: 20px;
	width: 700px;
}

#cart div.deliveryForm .useBillingAddress {
	margin-bottom: 20px;
}

#cart div.deliveryForm label {
	padding: 2px;
	float: left;
	width: 120px;
}

#cart #submit {
clear: both;
text-align: right;
width: 880px;
}

div.required label {
	color: #FF0000;
}

div.required, div.optional {
	display: table;
}

#cart div.deliveryForm .useBillingAddress label {
	width: auto;
	padding-left: 0px;
}

#cart div.deliveryForm input, #cart div.deliveryForm textarea {
	width: 300px;
	font-family: arial;
}

#cart div.worldpayCards {
	clear: both;
	padding-top: 40px;
	width: 880px;
	text-align: right;
}

#faq div.spacer{
height: 5px;
}

#contactus div.left{
float: left;
width: 290px;
}

#contactus div.right{
float: right;
width: 590px;
}

#contactus div.right form{
margin-top: 20px;
}

#contactus div.right fieldset{
border: none;
margin-bottom: 10px;
}

#contactus div.required fieldset label{
color: #FF0000;
}

#contactus div.right label{
display:block;
width: 80px;
float:left;
}

#contactus div.right input, #contactus div.right textarea{
width: 495px;
font-family: arial;
padding: 3px;
}

#contactus div.right div.error_message{
padding: 5px;
padding-bottom: 0px;
color: #FF0000;
}

#contactus div.right div.submit{
float: right;
}

#contactus div.right div.submit input{
margin-left: 10px;
}

/*#contactus-spacer {
	float: left;
	width: 880px;
	display: table;
	height: 20px;
}*/

/* Collection branding styles */
.collection_brand {
	width: 300px;
	height: 400px;
	border: 1px solid #FFFFFF;
	text-align: center;
	vertical-align: middle;
	float: right;
}
.collection_brand img {
	margin: auto auto;
}