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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;} body {	line-height: 1;} ol, ul {	list-style: none;} blockquote, q {	quotes: none;} blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;} table {	border-collapse: collapse;	border-spacing: 0;}

.olrOuterWrap {background-color:#F3EEE8;padding:2px 0;}
.olrInnerWrap {background-color:#FFF !important; width:924px; margin:0 auto; padding:8px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.olrContent {position:relative; width:870px; margin:0 auto !important; border:2px solid #FFD577; padding:25px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.olrBGpic {position:absolute; top:-95px; right:-20px; width:452px;height:600px;background:transparent url(../images/girl.png) no-repeat top left; }
.olrMainHeading {display:block; height:34px; width:542px; text-indent:-9999px; background:transparent url(../images/olrMainHeading.jpg) no-repeat top left;margin:20px 15px 5px 30px;}
.olrSubHeading {font-size:21px; font-weight:normal; color:#4b2b12; margin:5px 15px 15px 30px;}
.olrTitle {display:block; height:53px; text-indent:-9999px;margin:0 0 10px; clear:none;}
.olrTitleSm {display:block; height:25px; text-indent:-9999px;margin:0 0 10px; clear:none;}
.olrLandingTitle {width:336px; background:transparent url(../images/olrLandingTitle.jpg) no-repeat top left;}
.brands {margin:20px 30px; font-size:.9em; font-weight:bold;}
.oomrtrTitle {width:436px; background:transparent url(../images/h2_start_995.jpg) no-repeat top left;}
.oomrtoTitle {width:444px; background:transparent url(../images/h2_start_2599.jpg) no-repeat top left;}
.imrtrTitle {width:502px; background:transparent url(../images/h2_earn_credit.jpg) no-repeat top left;}
.imrtoTitle {width:243px; background:transparent url(../images/h2_rto_easy.jpg) no-repeat top left;}
.mainCta {height:100px;}
.buttonSelectInst {float:left;display:block; height:98px; width:269px; text-indent:-9999px; cursor:pointer; background:transparent url(../images/button_choose_inst.jpg) no-repeat left top;}
.orText {float:left; height:98px; width:60px; text-indent:-9999px; background:transparent url(../images/or.jpg) no-repeat center center;}
.buttonStoreFinder {float:left;display:block; height:98px; width:157px; text-indent:-9999px; cursor:pointer; background:transparent url(../images/button_find_store.jpg) no-repeat left top;}
.notes strong, .olr strong {display:inline-block; height:17px; position:relative; bottom:-2px; text-indent:-9999px;}
.largest_chain { width:103px; background:transparent url(../images/largest_chain.jpg) left bottom no-repeat; }
.trusted_by { width:164px; background:transparent url(../images/trusted_by.jpg) left bottom no-repeat; }
.major_brand { width:190px; background:transparent url(../images/major_brand.jpg) left bottom no-repeat; }
.ready_to_play { width:103px; background:transparent url(../images/ready_to_play.jpg) left bottom no-repeat; }
.convenient { width:84px; background:transparent url(../images/convenient.jpg) left bottom no-repeat; }
.no_commitment { width:115px; background:transparent url(../images/no_commitment.jpg) left bottom no-repeat; }
.easy { width:34px; background:transparent url(../images/easy.jpg) left bottom no-repeat; }
.hassle_free { width:91px; background:transparent url(../images/hassle_free.jpg) left bottom no-repeat; }
.one_hund_percent { width:223px; background:transparent url(../images/100_percent.jpg) left bottom no-repeat; }
.four_hund_loc { width:102px; background:transparent url(../images/400_locations.jpg) left bottom no-repeat; }
.apply_to_purchase { width:166px; background:transparent url(../images/apply_to_purchase.jpg) left bottom no-repeat; }
.convenient_ship { width:149px; background:transparent url(../images/convenient_shipping.jpg) left bottom no-repeat; }
.free_deliv { width:98px; background:transparent url(../images/free_delivery.jpg) left bottom no-repeat; }
.free_repairs { width:91px; background:transparent url(../images/free_repairs.jpg) left bottom no-repeat; }
.free_ship { width:98px; background:transparent url(../images/free_shipping.jpg) left bottom no-repeat; }
.preferred_inst { width:170px; background:transparent url(../images/preferred_inst.jpg) left bottom no-repeat; }
ul.notes, ul.olr {font-size:17px; list-style-type:none; line-height:1.4em; width:520px; margin:20px 0px;}
ul.notes li, ul.olr li {margin:0 0 18px 30px; }
ul.notes li {background: transparent url(../images/note.jpg) no-repeat 0 50%; padding: 2px 0 2px 32px; position:relative;}
.rentalsearchpanel table {width:auto !important;} .rentalsearchpanel table td {width:auto !important; vertical-align: middle !important;}


/* OLR WIZARD */
.twocol {margin:20px 0;}
.sidebar {width:210px; float:right; padding:10px; background-color:#EFEAE2;font-size:11px;}
.mainCol {width:690px; float:left;}

.rentalHeader {background-color:#F3EEE8;padding:2px 0; position: relative;}
.rentalPhone {position:absolute; right:50px; top:25px; color:#54311B; font-size:1.3em;}
.rentalPhone strong {font-size:1.2em;}

.delete {display:inline-block; height:19px; width:16px; text-indent:-9999px; background:transparent url("http://www.musicarts.com/includes/musicarts/images/trashcan_btn.gif") no-repeat center center;}

.rentalBuilder { background-color:#FFF; padding:5px;}
.sidebar h3 {width:100%; border-bottom:2px solid #900;}
.sidebar table {width:98%;}
.step {padding:4px 30px 4px 30px; background-color: #EFEAE2;}
.current {background-color: #900; color:#FFF;}
.instrumentList li, .forwho li, .shipto li { float:left; width:100px; height:100px; margin:0 10px 10px 0; padding:5px; border:1px solid #CCC;}
.instrumentList li {position:relative;}	
.instrumentList h3 {margin-top:5px; font-size:80%;}
.instrumentList img {position:absolute; bottom:0; right:0;}
.instrumentImg {float:right;margin:0 0 5px 10px;}
.changeLink {font-size:.8em; float:right;}
.fee {text-align:right;}
.delete {color:red; font-weight:bold;}
.selectable .ui-selecting { background: #EFEAE2;}
.selectable li:hover {cursor: pointer;}
.selectable li:hover, .selectable .ui-selected { border: 1px solid #900 !important;}
.selectable { list-style-type: none;}
.selectable li { margin: 3px; padding: 0.4em; font-size: 1.4em; border: 1px solid #FFF;}
ul.ui-autocomplete {color: #666; border:1px solid #DDD; background-color:#EDEDED; padding:2px; width:250px;}
.ui-autocomplete li:hover {background-color:#CCC; color:#000; cursor:pointer;}


/* OLR SPECIAL STYLES */
.rentalNav{ width: 98% !important; }
.rentalFaqLink {float:right; padding:6px 25px 6px; font-size:12px;}
.info img {margin:0 2px -3px 0;}
.shipSpecial {background-color:#8B0718; color:#FFF; padding:2px 4px; font-size: 10px; text-transform: uppercase; margin:5px auto;}


/* OLR ADDITIONAL TYPOGRAPHY */
.mainCol h2 {font-size:28px; font-weight:normal;}
.mainCol {font-size:14px; color:#222; line-height:1.3em;}
.mainCol p {margin:.3em 0 1.5em;}


/* OLR BUTTONS AND LINKS */
.roundShadowBox {
	padding:10px;
	border:1px solid #CCC;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	-moz-box-shadow: 0 0 5px #AAA;
	-webkit-box-shadow: 0 0 5px#AAA;
	box-shadow: 0 0 5px #AAA;	
}
.roundShadowBox:hover { border:1px solid #da7e1c;}

.rentalButton {
   border-top: 1px solid #e9bd45;
   background: #bb8000;
   background: -webkit-gradient(linear, left top, left bottom, from(#f0ac00), to(#bb8000));
   background: -moz-linear-gradient(top, #f0ac00, #bb8000);
   padding: 5px 10px;
   -webkit-border-radius: 11px;
   -moz-border-radius: 11px;
   border-radius: 11px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fff !important;
   font-size: 12px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.rentalButton:hover {
   border-top-color: #bb8000;
   background: #bb8000;
   color: #111;
   }

.smButton { padding: 4px 8px; font-size:11px;}
.lgButton { padding: 4px 16px; font-size:14px;}
   

/* OLR INSTRUMENT DETAIL LISTINGS */
.instDetail {width:99%; clear:left; font-size:.9em; margin:10px 0 35px 0;}
.instDetailThumb { margin:0 10px 0 5px; position: relative; float:left;}
.instDetailImg span {position: absolute; bottom:3px; right:3px; height:30px; width:30px; }
.instDetailDescrip { float:left; width:560px;}
.instDetailDescrip h4 {color:#da7e1c; font-size:1.3em; position:relative; clear:none !important;}
.monthlyRentalRate {color:#000; font-size: 12px; float:right; font-style: italic;}
.instDetailSelect { width:auto; min-height:80px; float:right; margin:0 0 10px 10px;}
.instPricing th, .instPricing td {padding:0 4px;}
.instSizeChoices th, .instPricing th {text-align: right; font-weight: bold;}
.instSizeChoices td, .instPricing td {text-align: center;}
.instSizeChoices .fee, .instPricing .fee {text-align: right;}
.buttonRow td {padding:4px 0 0 0}


/* INSTRUMENT SIZE CHOICE TABLES */
.instSizeChoices th, .instSizeChoices td {padding:4px 16px; font-weight: bold;}
.instSizeChoices th { color:#8B0718;}
.instSizeChoices {margin:25px 0; width:auto;}


/* OLR SCHOOL SEARCH RESULTS LISTINGS */
.schoolSearchResultsList li {padding-left:75px; background: transparent url("../Images/school.jpg") no-repeat 10px center; margin:10px 75px 20px 0;}
.schoolSearchResultsList h3 {text-decoration: underline;}
.schoolSearchResultsList h3:hover {text-decoration: underline; color:#da7e1c;}
.schoolSearchResultsList a, #schoolSearchResultsList a:hover {color:#222; text-decoration:none;}
.schoolSearchResultsList p {margin:6px 0 0 0;}


/* OLR SHIPPING CHOICES */
.shipChoice {float:left; width:180px; margin:25px 10px; height:150px; position: relative; text-align: center;}
.shipChoice h3 {color:#d47600; margin-bottom:20px;}
.shipButton {font-size:14px !important; padding:3px 24px; position:absolute; bottom: 10px; left: 50%; width:50px; margin-left:-50px;}
.shipIndicator { padding:10px; float:left; height:50px; margin:-25px 10px 10px; width:180px; background: url("../Images/shipArrow.jpg") no-repeat center top; }
.shipIndicator, .shipInfo {display: none;}
.highlightShip {border:1px solid #da7e1c;}
.fadeShip {opacity: 0.3;filter: alpha(opacity = 30);zoom: 1;}
