/**
* DEFAULT STYLE SHEET VERSION 1.0
* @AUTHOR Jon Friedland
* @DATE 8/18/2008
* 
*/

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

/**
* ERIC MEYER RESET RELOADED
* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*
* Modified by Jon Friedland
* Modifications: 
* Removed "font-family: inherit" from first block.
*/
/*	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		vertical-align: baseline;
	}
	:focus {
		outline: 0;
	}
	body {
		line-height: 135%;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}*/
/**
* END ERIC MEYER RESET RELOADED 
*/







/**
* LAYOUT STYLES
*/

/**
* FORCE A SCROLLBAR ON ALL PAGES TO PREVENT AWKWARD SHIFT WHEN ONE APPEARS/DISAPPEARS
*/
html {
	min-height: 101%;
}

body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	line-height:135%;
	margin:0;
	padding:0;
}

#wrapper {
	background-color: #fff;
	margin: 0px auto;
	position:relative;
	right:0;
	text-align:left;
	width: 760px;
}

#header {
	margin-bottom:20px;
	text-align:center;
}


#navbar {
	float:left;
	width:180px;
}

#navbar ul,
#navbar ul li {
	list-style:none;
	margin:0;
	padding:0;
}

#content {
	float:left;
	width:580px;
}

#footer {
	margin:50px 0 0 0;
	text-align:center;
}


/**
* GENERAL FONTS 
*/
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
}

h1 {
	font-size:22px;
}

h2 {
	color:#556F94;
	font-size:14px;
}
h3 {
	font-size:13px;
}
h4 {
	font-size:12px;
}
h5 {
	font-size:11px;
}
h6 {
	font-size:10px;
}

p,
li,
td,
th,
.text {
	font-size: 12px;
	margin-top: 1em;
	margin-bottom: 1em;
}
th {
	font-weight:bold;
}

a:link, a:hover, a:focus {
	color:#17426B;
}
a:visited {
	color:#003366;
}
a:hover {
	text-decoration:none;
}

/**
* END GENERAL FONTS
*/


#content ul,
#content ol {
	list-style:disc;
}
#content li {
	margin:0 0 0 0px;
}


.productTable {
	border:solid #000 1px;
	width:100%;
}

.productTable .bigText {
	font-size:20px;
	font-weight:bold;
}

#content .callout {
	border:solid thin #006699;
	font-size:14px;
	font-weight:bold;
	padding:1em;
}

.importantText {
	border:solid 4px #000;
	color:#990000;
	font-weight:bold;
	padding:5px;
}
.importantText h3 {
	font-size:20px;
}


.backToTop {
	text-align:right;
}


ul#sizingGuideSelect {
	list-style:none;
}
#sizingGuideSelect li {
	float:left;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

#sizingGuide {
	border-top:solid 1px #000;
	border-left:solid 1px #000;
}

#sizingGuide th {
	background-color:#556F94;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
#sizingGuide th,
#sizingGuide td {
	border-bottom:solid 1px #000;
	border-right:solid 1px #000;
}


#sizingGuideSelect li a {
	background-repeat: no-repeat;
	display:block;
	height:44px;
	margin:5px;
	text-indent:-100000px;
	width:177px;
}


#sizingGuideSelect li#clarinet a {
	background-image: url(/images/btn_sizingguide_clarinet.jpg);
	
}
#sizingGuideSelect li#saxophone a {
	background-image: url(/images/btn_sizingguide_sax.jpg);
}


.border {
	border:solid 2px #556F94;
	margin-bottom:10px;
	padding:10px;
}


#content ul.UIList {
	list-style:none;
	list-style-type:none;
}


.sizingGuideResults {
	border:solid 1px #556F94;
	float:left;
	margin:5px;
	width:100px;
}
.sizingGuideResults h3 {
	font-size:11px;
	font-weight:bold;
}