html{padding:0;margin:0;min-width:936px;}
body {background:#d88a1b url(/images/main-bg.jpg) no-repeat top center;margin:0px;padding:0px;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
.images{border:0 none}
.clearFloat{clear:both}
#topnavContainer{width:760px;position:absolute;top:5px;left:170px;z-index:400;}
#titletext{width:550px;position:absolute;top:3px;left:165px}
#bodyContainer{position:relative;background-color:#FFF;width:auto;min-height:400px;margin-top:140px;padding:70px 10px 25px 265px;}
#bodyContainer2{position:relative;background-color:#FFF;width:auto;min-height:400px;margin-top:140px;padding:0px 0px 25px 265px;}
#bodytext{padding-left:30px;}
#logo{float:left;width:203px;height:204px;background:transparent url(/images/logo.png) no-repeat top left;}
#mainDiv{position:relative;width:936px;margin:20px auto 20px auto;border:10px solid #FFF;background:transparent url(/images/inner-container-bg.jpg) no-repeat top left;min-height:600px;overflow:hidden}
#celloBG{z-index:300;position:absolute;width:250px;height:900px;background:transparent url(/images/cello.png) no-repeat top left}
#footer {text-align:right; padding:45px 20px 20px 0px; font-size:9px; }

#musicianshop {color:#f75801;font-size:38px !important;font-weight:bold;margin-left:10px;margin-bottom:0px;}
#talentbegins {color:white;font-style:italic;margin-left:125px;font-size:35px !important;margin-top:0;font-weight:bold;position:relative;top:-10px;}

#textbody { float:left; width:345px; }
#rightimage { float:right; width:267px; height:387px; }

.fieldLeft{width:140px;float:left;text-align:left;margin:5px 5px 10px 5px;}
.fieldLeftLg {position:relative;width:400px;float:left;text-align:left;margin:5px 5px 10px 5px}
.fieldLeftMed {width:280px;float:left;text-align:left;margin:5px 5px 10px 5px;}
.fieldRight{width:250px;float:left;text-align:left;}
.fieldRightSm{width:170px;float:left;text-align:left;}

.secondPrompt{background-color:transparent;border: 0 none;text-decoration:underline;font-weight:bold;color:#f75801;cursor:pointer;font-size:11px;margin:0px;padding:0px;width:280px}

.storeHeader {width:100%;padding:2px;background-color:#d88a1b;font-weight:bold;color:#FFF;margin:5px 5px 5px 0px;}
.storeTotal {width:250px;font-weight:bold;margin-right:0px;float:right;text-align:right;}

#searchBoxDiv{position:absolute;width:340px;top:90px;left:412px;text-align:right}
.searchButton{cursor:pointer; width:auto;overflow:visible;font-size:10px;background-color:#f45600;color:#FFF;font-weight:bold;border:1px solid #CCC;padding:1px}
.searchtext{font-size:10px; }
.searchbox{font-size:10px;height:11px;width:150px;}

.membershipButton{cursor:pointer; width:auto;overflow:visible;font-size:10px;background-color:#f45600;color:#FFF;font-weight:bold;border:1px solid #CCC;padding:3px}

.leaseButton, .addToCartButton{cursor:pointer;background-color:#d88a1b; border-color:#666666; border-style:solid; border-width:1px; font-family:Verdana, Arial, Sans-Serif;color:#FFF; padding: 3px; overflow:visible;width:auto}
.box{float:left;width:150px;padding:10px;height:180px;}

h1 { color:#f75801; font-size:17px; line-height:19px; margin-top:0px; padding-top:0px; }
h2 { color:#f75801; font-size:14px; line-height:19px; margin-top:20px; margin-bottom:0px; padding-top:0px; }
h3 { color:#f75801; font-size:12px; line-height:19px; margin-top:20px; margin-bottom:0px; padding-top:0px; }

#productSummaryDiv {position:relative;}
#productInfoDiv h2 {margin-top:0px !important;}

.qtyBox {width:30px;}

a:link { text-decoration:underline; color:#d88a1b; }
a:visited { text-decoration:underline; color:#d88a1b; }
a:active { text-decoration:underline; color:#d88a1b; }
a:hover { text-decoration:none; }

#topnav { text-align:right; padding:5px 5px 0px 0px; z-index:500;position:relative}
#topnav a { color:#FFF; text-decoration:none;}
#topnav a:hover { color:#FFF; text-decoration:underline;}

#mainnav { position:absolute;text-align:right;width:445px;color:#f75801; top:115px;left:320px; }
#mainnav a { color:#000000; text-decoration:none; }
#mainnav a:hover { color:#FFF; text-decoration:none; }
#mainnav a.navOn:link { color:#FFF; text-decoration:none; }
#mainnav a.navOn:visited { color:#FFF; text-decoration:none; }
#mainnav a.navOn:acitve { color:#FFF; text-decoration:none; }
#mainnav a.navOn:hover { color:#FFF; text-decoration:none; }

#leftnav { position:absolute; top:200px;left:110px; font-weight:bold; width:150px; text-align:right;z-index:400;background-color:transparent}
#leftnav a { color:#000000; text-decoration:none; }
#leftnav a:hover { color:#f75801; text-decoration:none; }
#leftnav a.leftnavOn:link { color:#f75801; text-decoration:none; }
#leftnav a.leftnavOn:visited { color:#f75801; text-decoration:none; }
#leftnav a.leftnavOn:acitve { color:#f75801; text-decoration:none; }
#leftnav a.leftnavOn:hover { color:#f75801; text-decoration:none; }

.brands {float:left; width:150px;}

/* horizontal */
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	text-align:center;
}

#nav li {
	float: left;
}

#nav li a {
	padding:0px 8px 0px 8px;
	border-right:solid 1px #f75801;
}

#nav li ul {
	position: absolute;
	width: 9.4em;
	left: -999em;
	background-color:#eaaf31;
	border:solid 2px #f75801;
	line-height:20px;
	font-size:11px;
	z-index:1000;
}

#nav li:hover ul {
	left: auto;
	/*ie 7 bug fix for sticky navs
        http://css-class.com/articles/explorer/sticky/
        http://archivist.incutio.com/viewlist/css-discuss/86522
    */
	background-position: 0 0;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}


#nav li ul li a {
	width: 9.4em;
	padding:0px;
	left: auto;
	border:none;
	border-bottom:solid 1px #f75801;
}

#nav li ul li a:hover {
	left: auto;
	background-color:#f75801;
	text-decoration:none;
	border:none;
	border-bottom:solid 1px #f75801;
}
/* horizontal */

/* vertical */
#vnav, #vnav ul { /* all lists */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
	}
	
	#vnav li { /* all list items */
		position : relative;
		float : left;
		line-height : 30px;
		margin-bottom : -1px;
	}
	
	#vnav li ul { /* second-level lists */
		position : absolute;
		left: -999em;
		margin-left : 11.85em;
		margin-top : -1.85em;
		text-align:left;
		background-color:#eaaf31;
		border:solid 2px #f75801;
		line-height:20px;
		font-size:11px;
	}
	
	#vnav li ul li ul { /* third-level lists */
		position : absolute;
		left: -999em;
		margin-left : 10.85em;
		margin-top : -1.85em;
		text-align:left;
		background-color:#eaaf31;
		border:solid 2px #f75801;
		line-height:20px;
		font-size:11px;
	}
	
	#vnav li ul li ul li ul { /* fourth-level lists */
		position : absolute;
		left: -999em;
		margin-left : 10.85em;
		margin-top : -1.85em;
		text-align:left;
		background-color:#eaaf31;
		border:solid 2px #f75801;
		line-height:20px;
		font-size:11px;
	}
	
	
	#vnav li ul li ul li ul li ul { /* fifth-level lists */
		position : absolute;
		left: -999em;
		margin-left : 10.85em;
		margin-top : -1.85em;
		text-align:left;
		background-color:#eaaf31;
		border:solid 2px #f75801;
		line-height:20px;
		font-size:11px;
	}
	
	
	#vnav li ul li a {
		border-bottom:solid 1px #f75801;
		line-height:20px;
		font-weight:normal;
	}
	
	#vnav li ul li a:hover {
		left: auto;
		background-color:#f75801;
		text-decoration:none;
		border:none;
		border-bottom:solid 1px #f75801;
		color:#FFF;
		font-weight:normal;
	}
	
	#vnav li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
	
	#vnav li a {
		width : 10em;
		display : block;
		color : black;
		font-weight : bold;
		text-decoration : none;
		padding : 0 0.5em;
	}
	
	#vnav li a:hover {
		color : #f75801;
	}
	
	#vnav li:hover ul ul, #vnav li:hover ul ul ul, #vnav li:hover ul ul ul ul,
	#vnav li.sfhover ul ul, #vnav li.sfhover ul ul ul, #vnav li.sfhover ul ul ul ul{
		left: -999em;
		line-height : 18px;
	}
	
	#vnav li:hover ul, #vnav li li:hover ul, #vnav li li li:hover ul, #vnav li li li li:hover ul,
	#vnav li.sfhover ul, #vnav li li.sfhover ul, #vnav li li li.sfhover ul, #vnav li li li li.sfhover ul
	{ /* lists nested under hovered list items */
		left: auto;
		background-position: 0 0;
	}
	
	#content {
		margin-left : 12em;
	}
/* vertical */

/* jModal CSS */

/* 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 (via jqModal.js). */
	
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 40%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #FFF;
    color: #000;
    border: 5px solid #d88a1b;
    padding: 10px;
}

.jqmWindowTerms {
    display: none;
    
    position: fixed;
    top: 5%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #FFF;
    color: #000;
    border: 5px solid #d88a1b;
    padding: 10px;
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* 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');
}


/* LINKS form fields */ 
#registerContainer{width:648px;margin:0px auto;padding:20px 0px;position:relative;}
.registerBody{padding:10px 10px 10px 50px;color:#f75801}
/*IE6 doesn't recognize div heights of 10 pixels or less, so make the height 20 and subtract 10 from margin-bottom*/
#registerLgTop{width:648px;height:20px;background:transparent url(/images/crest-newsletter/registerLgTop.png) no-repeat top left;margin-bottom: -10px; padding:0}
#registerLgMiddle{width:648px;background:transparent url(/images/crest-newsletter/registerLgMiddle.png) repeat-y top left}
#registerLgBottom{width:648px;height:10px;background:transparent url(/images/crest-newsletter/registerLgBottom.png) no-repeat top left}

#regErrors{position:absolute;width:200px;top:210px;left:700px;}
#stateContainer{width:400px;margin-bottom:5px}
.stateText{font-size:12px}
#genderContainer{width:350px;margin-bottom:5px;}
#genderContainer input {margin-right:3px}
.genderList label{margin-right:25px}
#bdayContainer{width:400px;}
#birthMonth{float:left;width:100px;}
#birthDay{float:left;width:60px;}
#birthYear{float:left;width:75px;}
#recentUseContainer{padding-top:10px;padding-left:10px;color:#000}
.recentUse{float:left;padding-bottom:10px;}
#checkboxContainer{width:570px;}
#opt1, #opt2, #optSweeps{width:500px;float:left;padding:0px 20px 0px 10px}

.regLabel {float: left;width: 165px;font-weight: bold}
.regLabelMed{float:left;width:145px;font-weight:bold;}
.regLabelSm{float:left;width:95px;font-weight:bold}
.regLabelLg {float: left;width: 300px;font-weight: bold}
.regLabelExLg {float: left;font-weight: bold}
.regBox {float:left;width:13px;margin-top:17px;height:13px}
.regButton {background-color:transparent;border:0 none;width:116px;color:#FFF;font-weight:bold;cursor:pointer;font-size:14px;padding-top:3px}
.confirmButton {display:block;width:187px;height:26px;color:#FFF;font-weight:bold;cursor:pointer;font-size:12px;padding:5px 0px;text-align:center}
.confirmButton:link{text-decoration:none;color:#FFF}
.confirmButton:active{text-decoration:none;color:#FFF}
.confirmButton:visited{text-decoration:none;color:#FFF}
.confirmButton:hover{text-decoration:none;color:#FFF}

.checkboxDiv{float:left;width:25px;}

.textboxes {width: 150px;margin-bottom: 10px;}
.textboxesMed {width:130px;margin-bottom: 10px;}
.textboxesSm {width:80px;margin-bottom:10px;}