/*

Spencer Day Styles

Title:  Default CSS

Author: Pasquale Scerbo/Nick Giordano

Date:  August 2008

*/

/*----------------- CSS NORMALIZER -----------------*/



/*

- cancels default styles applied to page elements

- adjusts default elements between browsers to same baseline

*/

div, dl, dt, dd, ul, ol, li, pre, hr, form, fieldset, input, th, td {margin:0; padding:0;}

address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal;}

table {border-collapse:collapse; border-spacing:0; font-size:inherit; font-size:100%;}

select, input, textarea {font:99% verdana,geneva,sans-serif;}

h1, h2, h3, h4, h5, h6 {margin:0; padding:0; font-size:100%; font-weight:normal;}

fieldset, img {border:0;}

img {vertical-align:middle;}

select, .inputStyle {border:1px solid #7F9DB9; background:#FFF; padding:.1em; margin:.1em 0 .1em .2em;}

ul, ol {padding-left:18px;}

legend {display:none;}

.skipNavigation {position:absolute; left:0px; top:-500px; overflow:hidden;}

select {background:#FFF;}

.cleaner	{ clear: both; }

.clear10	{ clear: both; height: 10px; }

a { outline: none; }

p { margin: 5px 0 15px 0; }

.png	{ ; }

.floatRight	{ float: right; }

.floatLeft	{ float: left; }

.clear30	{ clear: both; height: 30px; }



/*----------------- DEFAULT -----------------*/

body	{ margin: 0; padding: 0; background: url("img/background.gif"); font-family: Verdana, Arial, Helvetica, serif; font-size: 11px; color: #4a4a4a; }

h1	{ color: #94472d; font-size: 18px; margin-bottom: 12px; font-weight:bolder; font-family:Georgia, "Times New Roman", Times, serif; }

h2	{ color: #94472d; font-size: 14px; margin-bottom: 12px; font-weight:bolder; font-family:Georgia, "Times New Roman", Times, serif; }

p	{ line-height: 16px; }

ul {padding:0 0 0 12px; margin-bottom:10px;}

li { margin-bottom:8px}



#mainContainer	{ /*background: url("img/wood-fade.png") repeat-x; ;*/ }

#wrapper	{ width: 864px; margin: auto; }

#mainContent	{ width: 864px;}

#mainContent .rs	{ width: 864px;}

#mainBody	{ width: 864px; background: #fff; margin-left: 0px; float: left; padding-bottom: 55px; }



a	{ color: #27a9cd; text-decoration: underline; }

a:hover	{ color: #27a9cd; text-decoration: none; }

b.high {color:#000; font-size:13px;}

em {font-style:italic;}



/*----------------- HEADER -----------------*/

#header	{ margin:auto; padding:0px; width: 864px; height: 202px; background-image: url(img/header_background.gif); float:right;}





/*----------------- MENU -----------------*/

#menu		{ width: 864px; height: 91px; margin: auto;  }

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

#menu li    { float:left; height: 26px; text-indent: -1000px; }

#menu a     { display:block; text-decoration:none; overflow:hidden; position: relative;  }





#menu a#home     {  position: relative; background: url("img/01_home.gif") no-repeat; width: 72px; height: 91px; }

#menu a#music     {  background: url("img/02_music.gif") no-repeat; width: 90px; height: 91px; }

#menu a#tour   {  background: url("img/03_tour.gif") no-repeat; width: 54px; height: 91px; }

#menu a#gallery   {  background: url("img/04_gallery.gif") no-repeat; width: 90px; height: 91px; }

#menu a#bio    {  background: url("img/05_bio.gif") no-repeat; width: 54px; height: 91px; }

#menu a#journal     {  background: url("img/06_journal.gif") no-repeat; width: 90px; height: 91px; }

#menu a#press   {  background: url("img/07_press.gif") no-repeat; width: 72px; height: 91px; }

#menu a#purchase      {  background: url("img/08_purchase.gif") no-repeat; width: 108px; height: 91px; padding-right:126px;}

#menu a#contact      {  background: url("img/10_contact.gif") no-repeat; width: 108px; height: 91px; }





#menu a#home:hover     {  background: url("img/01_homeON.gif") no-repeat; width: 72px; height: 91px; }

#menu a#music:hover     {  background: url("img/02_musicON.gif") no-repeat; width: 90px; height: 91px; }

#menu a#tour:hover   {  background: url("img/03_tourON.gif") no-repeat; width: 54px; height: 91px; }

#menu a#gallery:hover   {  background: url("img/04_galleryON.gif") no-repeat; width: 90px; height: 91px; }

#menu a#bio:hover    {  background: url("img/05_bioON.gif") no-repeat; width: 54px; height: 91px; }

#menu a#journal:hover     {  background: url("img/06_journalON.gif") no-repeat; width: 90px; height: 91px; }

#menu a#press:hover   {  background: url("img/07_pressON.gif") no-repeat; width: 72px; height: 91px; }

#menu a#purchase:hover      {  background: url("img/08_purchaseON.gif") no-repeat; width: 108px; height: 91px; padding-right:126px; }

#menu a#contact:hover      {  background: url("img/10_contactON.gif") no-repeat; width: 108px; height: 91px; }



#menu a#home.on     {  background: url("img/01_homeON.gif") no-repeat; width: 72px; height: 91px; }

#menu a#music.on     {  background: url("img/02_musicON.gif") no-repeat; width: 90px; height: 91px; }

#menu a#tour.on  {  background: url("img/03_tourON.gif") no-repeat; width: 54px; height: 91px; }

#menu a#gallery.on  {  background: url("img/04_galleryON.gif") no-repeat; width: 90px; height: 91px; }

#menu a#bio.on   {  background: url("img/05_bioON.gif") no-repeat; width: 54px; height: 91px; }

#menu a#journal.on    {  background: url("img/06_journalON.gif") no-repeat; width: 90px; height: 91px; }

#menu a#press.on  {  background: url("img/07_pressON.gif") no-repeat; width: 72px; height: 91px; }

#menu a#purchase.on     {  background: url("img/08_purchaseON.gif") no-repeat; width: 108px; height: 91px; padding-right:126px; }

#menu a#contact.on     {  background: url("img/10_contactON.gif") no-repeat; width: 108px; height: 91px; }







/*----------------- HEADLINE -----------------*/

#headline  { background-color:#c6cbb5; width:864; padding:11px; text-align:center; }



/*----------------- COLUMNS -----------------*/

#leftCol	{ float: left; width: 400px; margin-right: 23px; padding: 20px 0 0 18px;}

#leftColInt	{ float: left; width: 360px; margin-right: 0px; padding: 0px 0 0 0px;}

#leftCol2	{ float: left; width: 800px; margin-right: 23px; padding: 36px 0 0 18px; }

#rightCol	{ float: left; width: 400px; padding-right: 18px; padding-top: 20px; }

#mainBox { float: center; width: 800px;  padding-top: 36px; }

#centerCol { float: center; width: 600px; margin-right: 23px; padding: 20px 0 0 75px;}


/*----------------- FOOTER ----------------- background-image:url(img/footerbg.jpg); border-bottom: 6px solid #94472d;*/

#footer	{ clear: both; height:65px; width: 850px; margin-left:0px; background: #fff; padding: 7px; color: #000000; font-size: 14px; }





/*----------------- TABLE -----------------*/

th {width:100px; text-align:left; font-weight:bold;}


.productprice {
	margin:13px 0 0 0;
	font-family:Verdana, Arial, Sans Serif;
	font-size:24px;
	font-weight:bold;
}
.currency {
	font-size:9px;
	margin-left:4px;
}

.input {
    border: 1px solid #006;
    background: #cff;
	width:40px;
	text-align:center;
}

.button {
    border: 1px solid #006;
    background: #fff;
	width:100px;
	font-size:14px;
}