@charset "utf-8";
/* CSS Document */

html, body, #wrapper, #container {
height: 100%;
}
	
body {
	font-family: Helvetica, Arial, sans-serif;
	text-align:center;
	color:#666666;
	font-size:12px;
	margin:0;
	background:#670001;
}

body *	{
	margin:0;
	padding:0;
}


html>body #wrapper {
min-height: 100%;
height: auto;
}

#wrapper	{
	text-align:center;
	background:url(../images/bodyBgWhite.jpg) top center repeat-y;
	width:820px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
}

#container{
	width:800px;
	background:#fff;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}

#header{
	height:90px;
	background:#12110E;
}

.logo a:link, .logo a:visited {
	background:url(../images/tasteofsono_logo.jpg) top left no-repeat;
	display:block;
	height:90px;
	width:90px;
	margin-left:40px;
}

.logo em {
	display:none;
}

/* Horizontal Menu  Styles */

#nav {
	padding:0 40px 0 0;
	padding-top:68px;
	padding-left:0px;
	width:600px;
	float:right;
}
	
#nav ul{
	list-style-type:none;
	padding:0px;	
}
	
#nav li {
	float:right;
	font-size:16px;
	color:#9A0000;
}
	
#nav li a {
	padding:0 8px;
	font-size:12px;
	text-decoration:none;
	color:#999;
}
	
#nav li a:hover {
	color:#fff;
}
	
/* End of Horizontal Menu Styles */

#pageTitle{
	width:800px;
	background:#12110E;
}

#pageTitle h2{
	width:720px;
	margin-left:auto;
	margin-right:auto;
	font-size:30px;
	padding:30px 0 0 0;
	margin-bottom:0;
	text-transform:capitalize;
	font-weight:normal;
	color:#356500;
}

#content{
	padding:40px 40px 20px 40px;
}

#content img{
	float:left;
	margin:0;
	border:none;
}

#content h3{
	font-size:20px;
	font-weight:normal;
	padding:0 0 8px 0;
	margin:0px;
}

#content h3.prodTitle{
	color:#670001;
	font-size:22px;
}

#content h3.prodPrice{
	color:#f68b1f;
	font-size:14px;
	padding-top:20px;
	padding-bottom:20px;
}

#content p.prodPrice{
	color:#356500;
	font-size:14px;
	padding-top:0px;
	padding-bottom:10px;
	font-weight:bold;
}

#content h3.prodName{
	color:#f68b1f;	
	font-size:16px;
	padding-top:10px;
	padding-bottom:5px;
}

.purchDesc{
	line-height:normal;
	padding-top:15px;

}

#content h4{
	font-size:14px;
	font-weight:normal;
	padding:0 0 10px 5px;
	margin:0px;
}

#content p{
	line-height:150%;
	padding:0 0 9px 0;
}

#content p.italic{
	line-height:180%;
	padding:0 0 8px 0;
	font-style:italic;
}

#content p.memo{
	line-height:120%;
	padding:12px 0 8px 0;
	margin:10px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

a:link img, a:hover img, a:visited img, a:active img {
	border:none;
}

#footer{
	clear:both;
	width:720px;
	height:50px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #9A0000;

}

#footer p{
	font-size:10px;
	color:#666666;
	font-weight:bold;
	text-align:right;
	padding:8px 10px 0 0;
}

#footer a:link, #footer a:hover, #footer a:visited,
#footer a:active{
	text-decoration:none;
}

.purple{
	font-size:18px;
	font-weight:normal;
	color:#65449b;
	font-family:"Times New Roman", Times, serif;
}

.orange{
	font-size:18px;
	font-weight:normal;
	color:#f68b1f;
	font-family:"Times New Roman", Times, serif;
}

.noDisplay{
	color:#12110E;
}

.clear{
	clear:both;
}

.leftCol, .rightCol{
	width:330px;
	float:left;
	margin-bottom:30px;
}

.rightCol{
	margin-left:60px;
}

#entrance{
	text-align:center;
}

body.press a#press,
body.about a#about, 
body.news a#news, 
body.tickets a#tickets,
body.products a#products,
body.contact a#contact{
	color:#fff;
}

.bold{
	font-weight:bold;
}

/* start of lightbox */

#lightbox{
	background-color:#12110E;
	padding: 5px;
	border: 1px solid #670001;
}

#lightboxDetails{
	font-size: 0.9em;
	padding-top: 0.4em;
}	

#lightboxCaption{
	float: left;
}

#keyboardMsg{
	float: right;
}

#closeButton{
	top: 0px; right: 0px;
}

#lightbox img{
	border: none; clear: both;	
} 

#lightbox a:link, #lightbox a:hover,
#lightbox a:visited, #lightbox a:active{
	color:#670001;
	text-decoration:none;
}

#overlay img{
	border: none;
}

#overlay{
	background-image: url(../images/overlay.png);
}

* html #overlay{
	background-color: #12110E;;
	back\ground-color: transparent;
	background-image: url(../../tos/css/img/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale");
}

/* end of lightbox */

/* sample xforms-tiny style sheet */
/* use of [] syntax for IE6 which doesn't support fixed positioning */

p.copyright { 
	font-style: italic; 
	font-size: 80% 
}

label, input { 
}

input { 
	text-align: center; 
	padding:2px 0;
	background-color: transparent;
 	font-size: 100%;
	border:1px solid #999999;
}
input[type="text"] { 
	background-color: #fff;
}

input.readonly { 
	color: #356500;  
	background-color:#fff; 
}

input.focus { 
	background-color: #fff;
}

input.invalid { 
	background-color: rgb(255,230,245); 
	color: red ;
}

input.irrelevant { 
	display: none; 
	visibility: hidden ;
}

input.missing { 
	background-color: rgb(255,230,245); 
	color: red ;
}

select { 
	font-size: 100% ;
}

select.invalid { 
	background-color: rgb(255,230,245); 
	color: red ;
}

select.irrelevant { 
	display: none; visibility: hidden ;
}

select.missing { 
	background-color: rgb(255,230,245); 
	color: red ;
}

textarea { 
	font-size: 100%; 
}

textarea.invalid { 
	background-color: rgb(255,230,245); 
	color: red ;
}

textarea.irrelevant { 
	display: none; 
	visibility: hidden;
}

textarea.missing { 
	background-color: rgb(255,230,245); 
	color: red ;
}

label.invalid { 
	color: red ;
}

label.missing { 
	color: red;
}

label.irrelevant { 
	display: none; 
	visibility: hidden ;
}

select, option { 
	background-color: transparent; 
	border-color: rgb(220,220,220) ;
}


select.focus { 
	background-color: rgb(230,230,245) ;
}

textarea.focus { 
	background-color: rgb(230,230,245); 
}

input.combotext { 
	padding: 0;
	padding-left: 0.5em;
	text-align: left;
}

button { 
	font-size: 100% ;
}

fieldset { 
	line-height: 120%; 
	padding: 0.4em;
	background-color: rgb(250,250,250);
}

legend {
	background-color: rgb(255,255,255);
	font-size: 80%; font-style: italic;
	padding: 3px; margin-left: 1em;
}

fieldset.irrelevant {
	display: none;
	visibility: hidden;
}

fieldset.borderless {
	border: none;
	margin: 0;
	padding: 0;
}

pre {
  padding-left: 0.5em;
  border-top: solid thin black;
  border-bottom: solid thin black;
  color: green;
}

.picker {
  background-color: #fff;
  font-size: 100%;
  padding:0 2px;
}

.picker caption {
	background-color: rgb(230,230,230);
	border: thin solid black;
	border-bottom: none;
	padding: 0;
}

button.picker {
	padding: 0 1px;
	margin-right:2px;
	font-size: 100%;
	color:#670001;
	font-weight:bold;
}


.button{
	float:right;
	width:86px;
	height:24px;
	background:url(../images/buynowBtn.jpg) top left no-repeat;
	margin:15px 0 0 0;
	border:none;
	color:#670001;
	padding:0 0 1px 0;
}

.button.focus {
	color:#12110E;
}

.total{
	width:330px;
	text-align:right;
	color:#356500;
	font-size:20px;
	font-weight:bold;
	text-align:right;
}



.noBorder{
	font-weight:bold;
	border:none;
	text-align:right;
	width:45px;
	padding:0;
	margin:0;
}

div#firstname, 
div#lastname, 
div#email, 
div#phone, 
div#fax, 
div#company,
div#address,
div#address2,
div#city, 
div#state, 
div#zip,
div#country
{
	position:relative;
	float:left;
	padding-bottom:5px;
	width:320px
}

#orderForm input, #orderForm select{
	font-size:12px;
	background-color: #fff;
	padding: 2px;
	border-top: solid 2px #999;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	margin: 0 0 4px 0;
	height: 18px;
	width:310px;
	color:#666666;
	text-align:left;
}

#orderForm select{
		width:315px;
}

dl{
	color:#670001;
	font-size:18px;
	margin:20px 0 0 120px;
}

dt{
	font-size:12px;
	color:#666666;
	padding:0 0 10px 0;
}

dd{
	font-size:12px;
	color:#666666;
	font-weight:bold;
	padding:2px 0 0 0;
}

dd.link{
	padding-top:4px;
}

dd a:link{
	color:#f68b1f;
	font-size:12px;
	font-style:italic;

}

dd a:visited{	
	color:#f68b1f;
	font-size:12px;
	font-style:normal;
}