
/* Styles for IE 7 and earlier
 *
----------------------------------*/




/* Improve display of top nav
----------------------------------*/


#nav_main ul li {
position: static;
}

#nav_main ul li a {
display: block;
padding-top: 5px;
height: 34px;
width: 104px;
position: static;
}

/*vertically centers text on the main navigation buttons*/
#nav_main ul li#otherproducts a,
#nav_main ul li#hardware a,
#nav_main ul li#support a, 
#nav_main ul li#forums a, 
#nav_main ul li#news a, 
#nav_main ul li.last a {padding-top: 12px}

	/*bandinabox.com, menu buttons with one and two lines*/
	#nav_main ul li.one-line a {padding-top: 12px}

#nav_main ul li a span {
position: static;
}
	
#nav_tabs li { 
	margin-right:5px;
	background: #eceff0;
	border-top: 1px solid #d9dcdd; 
	border-right: 1px solid #d9dcdd; 
	border-left: 1px solid #d9dcdd;
}



/* Improve display of tab nav
----------------------------------*/

.packages .rowBlock,
.realtracks .rowBlock,
.videotutorials .rowBlock,
.showcase .rowBlock,
.amplitube .rowBlock
 {
	border-top:none;	
}

#nav_tabs li a {
	margin-top:-3px;
}

#nav_sub .titlespecial {
	padding-top:3px
}



/* Fix for package pop-up tooltip getting chopped off on right side.
----------------------------------*/

.packages .rowBlock, .rowBlockTabs {overflow:visible}


/* Fixes for shopping cart pages*/

/*Login screen box model adjustments*/
#login-option-2 {width:408px}
#login-option-3 {margin-top:20px}


/* Search
----------------------------------*/



#searchsubmit {
position: relative;
top: -20px;
}




/* Roundabout
----------------------------------*/


.roundabout-holder { 
position: relative;
top: 0px;
left: 0px;
}
.roundabout-moveable-item { 
  height: 6.5em; 
  width: 4em; 
}
.roundabout-moveable-item img {
  height: 6.5em; 
  width: 4em; 
}


#nav_main {
 height:44px;
 vertical-align:middle;
}
#nav_main li {
    height:44px;
}
#nav_main .padfix {
    padding-top:10px;
}

.ptfix {
    margin-right:-100px;
    margin-left:50px;
}

/* packages page 
---------------------*/

/*nav_main - 6 buttons (overrides styles.general.css)*/
#nav_main ul.six-buttons li:first-child a {display:block;width:156px}
#nav_main ul.six-buttons li a {display:block;width:159px}
#nav_main ul.six-buttons li.last a {display:block;width:156px}


.buy_button {
    position:relative;  
    margin-right: -20px;
    
}

/*strange ie7 margin glitches*/
.iem {
    margin-right: -36px;
}

.iem2 {
    margin-right: -14px;
}

.buy_button #price,
.buy_button .price {

    padding-top:4px;
    position:relative;
    display:inline-block;
    height:100px;
    font-weight: bold;
	font-size: 14px;
    text-shadow: 1px 1px 1px rgba(255,255,255, 1);
    text-align:center;
    margin: 0 auto;
}

.buy_button #specialprice {
	position:relative;
	display:inline-block;
}

a div .popup {
    display:none;
    height:200px;
}
a:hover div .popup {
    height:200px;
    background: #f9fcfd;
    border:#dfdfdf 1px solid;
    color:#000;
    width:250px;
    display:inline-block;
    padding:10px;
    position:absolute;
    z-index:1;
    text-align:left;
    left:40px;
    top:50px;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; 
    -webkit-box-shadow: rgba(0,0,0,.6) 1px 1px 2px; -moz-box-shadow: rgba(0,0,0,.6) 1px 1px 2px; box-shadow: rgba(0,0,0,.6) 1px 1px 2px;
}

a:hover div .popup p * {
    display: inline-block;
}
a:hover div .popup p {
    margin:0;
}
a:hover div .popup li {
    background: url(gfx/listbullet.png) no-repeat 0px 3px;
	  border:none;
	  margin-left:0px;
	  padding-left:18px;
    font-size:12px;
    line-height:15px;
    display: block;
}
a:hover span .popup ul {
    margin:5px;
    display: inline-block;
}

/* popup formatting 
-------------------------*/

#modalOverlay {

}

#popFrame {

    top:400px;
}

#popFrameBuyIt {
    top:400px;
    padding-top:40px;

}


/* shopping cart fixes
------------------------*/

/*payment info - expiry date select field positioning
	/*AMEX*/
	#payment-info table td select[name="MOD10_CardExp_Year"]{position:relative; /*left: 327px; top: -26px;*/ float: right; left: -68px;  top: -26px;}
	#payment-info table td select[name="MOD10_CardExp_Month"]{margin-right:13px; margin-left:110px}
	/*VISA*/
	#payment-info table td select[name="PaymentNet_CardExp_Year"]{position:relative; /*left: 328px; top: -26px;*/ float: right; left: -68px;  top: -26px;}
	#payment-info table td select[name="PaymentNet_CardExp_Month"]{margin-right:13px; margin-left:110px}
	

/* AmpliTube and dare-to-compare demos - play button position adjustment*/
	.amplitube .clip {background-position:230px 3px}
	.amplitube .clip:first-child {background-position:148px 3px}
	.amplitube .clip:hover {background-position:230px 3px}
	.amplitube .clip:first-child:hover {background-position:148px 3px}
	.dare-to-compare .genre .demo .clip {background-position:226px 3px}
	.dare-to-compare .genre .demo .combined-audio-demos .clip {background-position: 328px 3px}
	.dare-to-compare .genre .demo .full-audio-demos .realtracks-demo .clip {background-position: 148px 3px}
	.dare-to-compare .genre .demo .full-audio-demos .midi-demos .clip {background-position: 100px 3px}

/* Fix position of search box on forums
----------------------------------*/
.edu-forums .login-search .search input.searchbox {
	position:relative;
	top:-20px;

}


/*educators fixes*/
#chooseOS #june-special {
	position:relative;
	top:1px;
}

#chooseOS {margin-bottom:20px}
	
	
/* Fix top margin of educators page banner*/
.overview #banner .text .content h2 {
	margin-top: 50px;
}


/*fix weird misplaced border on educators' home chalkboard*/
.overview #banner .text #share-on-forums p{
	margin: 30px 0 0 0;
}

/*fix margins in chalkboard*/
.educators #favorite img {margin:22px 0 0 0}




/* misc
*****************/

.rtbuy {
    margin-top:-25px !important;
}


.fourup ul li {
	float: left;
}

/*home page top banner, increase bottom margin*/
#banner_main .mantra p {margin: 13px 38px 30px;}

