.detail { color: #666; }
.small { font-size: 10px !important; }
body {background: #F2F2FF;}

label
{
width: 7em;
float: left;
text-align: right;
margin: 0 1em 10px 0;
clear: both
}

textarea {
	margin-left: 1em;
}

.input-box
{
	margin-bottom: 10px;
}

.checkbox {
    margin: 1em 0.5em 0 1em;
}

.submit-button
{
margin-top: 10px;
margin-left: 1em;
clear: both
}

#tour table {
	border-collapse: collapse;
	margin: 0;
}

#tour td {
	border: 1px solid #999;
	padding: 3px;
}

/* local nav */
#topmenu a {text-decoration: none; display: inline; float: left; padding: 5px 11px 5px 11px; color: #fff; border: 1px solid #344E63;}
#topmenu a:hover {color: #B1A3F8; background: #344E63;}
#topmenu a.hi {color: #B1A3F8; background: #344E63;}
#topmenu ul {
    display: block;
    background: #344E63;
    width: 600px;
    height: 35px;
    line-height: 18px;
    list-style-type: none;
    margin: 0;
}
#topmenu li {
    background: inherit;
    display: block;
    float: left;
    text-align: center;
    margin: 0;
    padding: 0;
}



#header h2 {
  font-size: 18px;
  color: #009933;
  margin: 15px 0 0 0;
  display: inline-block;
  padding-left: 10px;
}

#bluebox {
	background: #344E63;
	border-bottom: 20px solid #243C50;
}

#rightbox {
	float: right;
	padding-right: 20px;
	padding-top: 20px;
}

#quotes {
	width: 200px;
	height: 150px;
	font-size: 12px;
	color: #ddd;
}

#quoter {
	padding-left: 8px;
	padding-top: 4px;
	color: #BCB8C0;
	font-size: 10px;
}

#player {
	padding-top: 20px;
}

#footer {
	padding-left: 15px;
	padding-top: 8px;
	width: 600px;
	text-align: left;
	color: #666;
}

#footer a:link {color: #666;}
#footer a:visited {color: #666;}
#footer a:hover {color: #B1A3F8;}

.copyright {
  color: #aaa;
}

/* main text area */
#body {
	width: 400px;
	margin-top: 10px;
	margin-left: 20px;
	float: left;
}


/* main text area */
#bodywide {
	width: 550px;
	margin-top: 10px;
	margin-left: 20px;
	float: left;
}

#products h4 {
	margin-bottom: 5px;
	font-weight: bold;
	color: #3A94C1;
}

#products .price {
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	float: left;
}

#products .cart_add {
  float: right;
  margin: 5px;
}

#products a.itunes_link {
  float: right;
  margin-top: 8px;
  margin-right: 2px;
}

#products td {
	vertical-align: top;
	padding-top: 10px;
	padding-bottom: 10px;
}

#products td {
	border-bottom: 1px solid #aaa;
}

#products td .last {
	border: 0;
}

#products .details {
	padding-left: 10px;
}

#products .fine {
	padding-bottom: 3px;
	font-size: 9px;
}

#products .details .songs {
	margin-top: 10px;
	font-size: 11px;
}

#products a.itunes_link {
  float: right;
  background-image: url("/images/viewinitunes_en.png");
  width: 106px;
  height: 23px;
}

table.shipping {
  width: 100%;
}

#products table.shipping th {
  text-align: left;
}

#products table.shipping td {
  border: none;
  padding: 5px 0;
}

a.itunes_link span {
  display: none;
}

/* left menu (optional) */
#leftnav {
	width: 200px;
	text-align: left;
	margin-left: 5px;
	float: left;
}

#leftbox {
	font-size: 11px;
	margin-top: 10px;
	width: 180px;
	float: left;
}

#leftbox h4 {
	background: #999;
	color: #333;
	padding: 2px 2px 2px 4px;
	margin-bottom: 3px;
}

/* social media links */

span.social_icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;  
  margin-right: 3px;
  background-repeat: no-repeat;
}

span.facebook_icon {
  background-image: url(/images/facebook_icon.png);
}

span.myspace_icon {
  background-image: url(/images/myspace_icon.png);
}

span.social_links {
  line-height: 30px;
}

/* mailing list modal */
/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

a.mailing_list_link, a.listen_now_link {
  display: block;
  margin-bottom: 5px;
}

a.mailing_list_link span, a.listen_now_link span {
  display: none;
}

a.mailing_list_link {
  background-image: url(/images/btn-mailing_list.gif);
  width: 197px;
  height: 21px;
}

a.listen_now_link {
  background-image: url(/images/btn_listen-now.gif);
  width: 119px;
  height: 22px;
}

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 500px;
    
    background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}