/* CSS Document */

/*---------STANDARD TAGS---------*/


body .content {
	padding-left: 0 !important; /* override the content div styles*/
	padding-right: 0 !important; /* override the content div styles*/
	background-color: #ede8da;
	}


body 				{
					font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 62.5%; margin: 0;
					padding: 0; 
					}
					
#products h1, #iphone h1					{
					color: #FFFFFF; padding: 0.38em .5em; margin: 0em; font-size:170%; font-weight: normal; 
					}
	
#products h2, #products h3, #products h4 			{font-size: 1.75em; margin: 0; padding: 0; }
	
#products h2, #products h3 				{font-family: Geneva, Arial, Helvetica, sans-serif;color: #996666;}

#products h4  				{	font-family: Arial, Helvetica, sans-serif;	color: #d0731c;	font-size: 1.45em;	padding: 0 0 .5em 0;}

#products p 					{ margin: 0em; font-size: 1.3em; }



/* ---- taken off of products.php and added here -----*/

#products div.t4ContentBox div.textColumn { width: 250px; padding: 0; margin: 0; float: left; }

#products div.t4ContentBox div.imageColumn { width: 390px; margin: 0; padding: 15px 0 0 0; float: right; }



#products div.t4ContentBox blockquote { color: white; font-size: 17px; margin: 10px 0 0 0; padding: 0 15px; text-style: normal!important; text-indent: -.5em; }

#products a, #iphone a { color: white; }

#products div.t4ContentBox div#t4andstandard { background: url(/products_images/t4shadowrule.gif) center repeat-y; margin: 30px 0 10px 0; }

div#t4andstandard p { margin: 0 auto !important; padding: 0; width: 210px; }

div#t4andstandard #t4column { width: 49%; margin: 0; padding: 0; text-align: center; color: white; float: left; }

div#t4andstandard #standardcolumn { width: 49%; margin: 0; padding: 0; text-align: center; color: white; float: right; }



/* ----IDs-----  */

#products 			{ margin: 0em auto; background-color:#ede8da; width: 680px; padding: 10px; }

#leftColumn 		{background-color:#999966; float:left; width:69%;}

#rightColumn	 	{background-color:#999966; float:right; width:29%;}

#banner				{ background-image:url(/products_images/banner_bckgrnd.gif); margin: .5em;
					background-repeat: no-repeat;	height: 80px; background-position: top right;}

#footer				{background-color:#FFFFCC; font-size: 80%;}

#headImgLeft		{ background-image:url(/products_images/news_banner_left.gif);
					float: left; background-repeat: no-repeat;
					width: 490px; height: 85px; margin-right: -5em;
					}

#headImgRight		{	background-image:url(/products_images/news_banner_right.gif);	float:right;
					height: 135px;	width: 200px;	background-repeat: no-repeat; }
					

#rwscreen			{ height: 255px; width:400px; background-image:url(/products_images/rw_screen.jpg); background-repeat:no-repeat; background-position:center; }

#playvid			{ padding: 40px 5px; }

#collabCast			{ height: 223px; background-image:url(/products_images/riffworld_blue.jpg); background-position: center; }

#riffWorld			{ width: 85%; margin: 0 auto; }

/* ----Classes-----  */

.leftColumn 			{ float:left; width: 29%; margin-right: -2.5em; padding-left: 1.5em; }

.rightColumn 			{ float:right; width:72%; }
		
.leftColumNarrow 		{ float:left; width:45%; }

.rightColumnNarrow 		{ float:right; width:100px; text-align: center; padding: 10px; }
.giftboxbuttons 		{ float:right; width:150px; text-align: center; padding: 10px; }

.padding 				{ padding:10px; }

.htPadding 				{ padding:0 0 1em 0; }
.riffworksContentbox, .riffworldBox, .instantDrummerBox, .GiftCertificatesBox, .t4ContentBox {
	margin-bottom: 1.5em !important;
	}

.space 					{padding:.25em;}

.clear 					{clear:both;}

.contentbox 			{background-color:#FFFFFF;}

.riffworksContentbox 	{ background: #61b3e0 url(/products_images/rw_background.gif) top left no-repeat; }


.instantDrummerBox		{background-color:#ba0a11; clear: both;}
.riffworldBox			{background-image:url(/products_images/riffworld_grad.jpg);}
.GiftCertificatesBox	{ background-color:#70d9e8; }

.colLeftSeventy 		{ float:left; width: 67%; }

.colLeftSixty			{ float:left; width: 57%; }

.colRightTwentynine 	{ float:right; width: 100px; text-align: left; }

.colRightSeventy 		{ float:right; width: 60%; }

.colRightSixtyeight		{ float:right; width: 68%; }
.colRightSixtyFive 		{ float:right; width: 65%; }

.colRightSixty 			{ float:right; width: 60%; }
.colRightSeventyfive		{ float:right; width: 74%; }
.colRightEighty			{ float:right; width: 80%; }
.colLeftSeventyfive		{ float:left; width: 74%; }

.colLeftTwentynine 		{ float:left; min-width: 100px; text-align: center; }

.rifflinkbuttons	 	{ float:right; width: 165px; text-align: left; }

.contentbar 			{
						background-color:#672603; margin: 0em; font-family: Ariel, sans-serif;
						font-weight: normal; 
						}

.riffText 				{ float:left; }

.border					{ padding: 1em; margin-bottom: 1.25em;	background-image: url(/products_images/content_bkg_stripes.gif);
				 		background-repeat: repeat;}


.imgPad					{margin: 2em auto;}

.imgLeft 				{padding: 0em .5em .5em 0; float:left;}

.imgRight 				{ text-align: center; }

.larger 				{font-size: 1.4em; }


.content #products .whiteText				{ color: #fff; font-weight:normal; width: 95%; }
.content #products .whiteText a 			{ color: white; }


.content #products .yellowText				{ color: #ffb561; font-weight:normal; padding: .2em 0 1.25em .2em; width: 95%; }
.content #products .yellowText a { color: #ffb561; }



.redfooter.whiteText	{ color: #fff; font-weight:normal; }


.riffSpace				{ float:left; height: 115px; width: 100px; }

.leftColumnSmall		{ float:left; width: 40%; }

.riffLinkButtons 		{min-width:140px; text-align: center; float: right;}

.darkBrownHeader h1 	{ 
						color: #FFFFFF;
						padding: .45em .5em 0.3em .5em !important;
						}
						
.songArea				{ background-color: #371512 !important; margin-top: 1em !important; }

.monthlyPick			{ width: 34%; float: left; text-align: center; }

.largePad				{padding: 1.5em;}


/*---- new products layout -----*/
.t4ContentBox {	background: #328ebc url(/products_images/t4productpage_bg.jpg) repeat-x; width: 333px; float: left; }
    .t4ContentBox h3{ clear: left; }
.riffworksContent{ overflow: hidden; background: #2aa2cb url(/products_images/product_box_back.gif) 0 0 repeat-x; position: relative; padding: 0 0 182px; 
                   min-height: 515px; height:auto !important; height:515px;  }

    .rwT4{  margin: 10px 0 0; padding:7px 0 0; border-bottom: 1px solid #000; min-height: 236px; height:auto !important; height:236px; }
        #products .rwT4 h2{ width: 142px; height: 65px; margin: 0 0 12px 9px; background: url(products_images/rw_t4_logo.png) 0 0 no-repeat; text-indent: -99999px; float: left; }
        #products .rwT4 .downloadForFree{ background: url(products_images/download_t4.png) 0 0 no-repeat; float: left; margin: 11px 0 0 8px; }


    .rwStandard{ margin: 0; border-top: 1px solid #fff; min-height: 246px; height:auto !important; height:246px; padding:14px 0 0; }
        #products .rwStandard h2{ width: 156px; height: 60px; display: block; background: url(products_images/rw_standard_logo.png) 0 0 no-repeat; text-indent: -99999px; margin: 0 0 19px 9px; float: left; }
        #products .rwStandard .buyNow{ background: url(products_images/buy_standard.png) 0 0 no-repeat; float: left; margin: 11px 0 0 -6px; }
    
    #products h3, #iphone h3{ color: #fff; font-size: 14px; margin: 10px 0 0 14px; }
    #products p, #iphone p{ font-size: 12px; line-height: 17px; margin: 10px 12px 0pt 14px; color: white; padding: 0; }
    #products .dlButton, #iphone .dlButton{ display: block; width: 172px; height: 52px; text-indent: -99999px; margin: 0 0 0 8px; }    
    
    .rwFoot{ height: 182px; position: absolute; left: 0; bottom: 0; width: 333px; background: url(products_images/riffworks_box_foot.gif) 0 bottom no-repeat; clear: both; margin: 13px 0 0; }
    
.additionalApps{ width: 333px; float: left; margin: 0 0 0 10px;}
#products .additionalApps h3{ font-size: 12px; margin: 0 0 0 14px; }
#products .additionalApps p{ margin: 0px 12px 0pt 14px; }
#products .additionalApps .appStore{ background: url(products_images/at_the_app_store.png) 0 0 no-repeat; width: 181px; height: 52px; }

.studiotrackContentBox{   }
    .studiotrackContent{ background: #001920 url(products_images/appblock_back.gif) 0 0 no-repeat; position: relative; overflow: hidden;
        min-height: 203px; height:auto !important; height:203px; padding: 0 0 10px; }
        #products .studiotrackContent h2{ width: 168px; height: 77px; background: url(products_images/productspage_sticon.png) top 76px no-repeat; text-indent: -9999px; margin: 10px 0; }
        .studiotrackContent .appImage{ position: absolute; right: 0; bottom: 6px; width: 151px; height: 203px; }
        #products .additionalApps .studiotrackContent .appStore{ margin: 0 0 8px 8px;}



.fourtrackContentBox{   }
    .fourtrackContent{ background: #001920 url(products_images/appblock_back.gif) 0 0 no-repeat; position: relative; overflow: hidden;
        min-height: 203px; height:auto !important; height:203px; padding: 0 0 10px; }
        #products .fourtrackContent h2{ width: 168px; height: 76px; background: url(products_images/fourtrack_logo.png) 38px 0 no-repeat; text-indent: -9999px; margin: 10px 0; }
        .fourtrackContent .appImage{ position: absolute; right: 10px; bottom: 8px;}
        #products .additionalApps .fourtrackContent .appStore{ margin: 0 0 8px 8px;}

.dopplerpadContentBox{ margin: 0 0 13px; }
    .dopplerpadContent{ background: #2e1020 url(products_images/appblock_back_alt.gif) 0 0 no-repeat; position: relative; overflow: hidden; 
        min-height: 173px; height:auto !important; height:173px; padding: 0 0 10px; }
        #products .dopplerpadContent h2{ width: 199px; height: 54px; background: url(products_images/dopplerpad_logo.png) 5px 0 no-repeat; text-indent: -9999px; margin: 20px 0 0; }
        .dopplerpadContent .appImage{ position: absolute; right: -120px; top: -15px;}
        

.instantdrummerContentBox{ margin: 0 0 13px;  }
    .instantdrummerContent{ background: #001920 url(products_images/appblock_back.gif) 0 0 no-repeat; position: relative; overflow: hidden;
        min-height: 203px; height:auto !important; height:203px; padding: 0 0 10px; }
        #products .instantdrummerContent h2{ width: 173px; height: 112px; background: url(products_images/instantdrummer_logo.png) 26px 0 no-repeat; text-indent: -9999px; margin: -9px 0 0 0; }
        .instantdrummerContent .appImage{ position: absolute; right: 10px; bottom: 8px;}
        
    
        
        
    
    .appblockFoot{ height: 10px; width: 333px; background: url(products_images/appblock_corner_foot2.png) 0 bottom no-repeat; position: absolute; left: 0; bottom: 0; }
    .newFlag{ width: 84px; height: 52px; position: absolute; top:0; left: 0; background: url(products_images/new_flag.png) 0 0 no-repeat; text-indent: -9999px;}

.riffworksFeatures{ overflow: hidden; clear: both; margin: 20px 0 10px; }
    
    
    #products .riffworksFeatures p{ color: #333; font-size: 14px; }
    #products .riffworksFeatures h2{ font-size: 14px; color: #333; }
    #products .riffworksFeatures .col p{  font-size: 12px; margin: 10px 0 0;  }
    #products .riffworksFeatures .col a{ color: #333; }
    .riffworksFeatures .col{ padding: 10px; width: 206px; float: left; }
    
    
.giftCerts{ min-height: 77px; height:auto !important; height:87px; background: url(/products_images/gift_cert_back.png) 0 0 no-repeat; padding: 20px 30px 0 242px; }
    #products .giftCerts h2{ font-size: 14px; color: #333; line-height: 18px; }
    #products .giftCerts p{ margin: 0; color: #333; }
    #products .giftCerts a{ color: #333; }
    

/* iPhone page */
#iphone{ padding: 10px; overflow: hidden; }
/*    509  */
    
    #iphone .fourtrackContentBox, #iphone .dopplerpadContentBox, #iphone .instantdrummerContentBox{ width: 220px; float: left; margin: 0 10px 0 0; }
    
    #iphone .fourtrackContent, #iphone .dopplerpadContent, #iphone .instantdrummerContent{ min-height: 509px; height:auto !important; height:509px; }
    
    #iphone .fourtrackContent{ background: #001920 url(products_images/ipg_fourtrack_back.png) 0 0 no-repeat; }
    #iphone .instantdrummerContent{ background: #00181f url(products_images/ipg_id_back.png) 0 0 no-repeat; }
    #iphone .dopplerpadContent{ background: #2e0f20 url(products_images/ipg_dp_back.png) 0 0 no-repeat; }
    
    #iphone .dopplerpadContentBox{ margin: 0; }
    #iphone .appblockFoot{ width: 220px; background: url(products_images/appblock_corner_foot_iphone.png) 0 0 no-repeat; }
    #iphone .appStore{ background: url(products_images/at_the_app_store_full.png) 0 0 no-repeat; width: 210px; height: 52px; margin: 0 0 0 5px; }

    #iphone h2{ text-indent: -9999px; width: 220px; height: 119px; margin: 0; }
    #iphone .fourtrackContent h2{   background:url(products_images/fourtrack_logo_full.png) center 6px no-repeat;  }
    #iphone .dopplerpadContent h2{ background: url(products_images/dopplerpad_logo_full.png) center 44px no-repeat;  }
    #iphone .instantdrummerContent h2{ background: url(products_images/instantdrummer_logo_full.png) center 6px no-repeat; }
    
    
    #iphone .fourtrackContent .appImage{ left: 10px; bottom: -190px; right: auto; top: auto; }
    #iphone .instantdrummerContent .appImage{ left: 10px; bottom: -190px; right: auto; top: auto; }
    #iphone .dopplerpadContent .appImage{ left: 7px; bottom: 22px; right: auto; top: auto; }



    .appFooter{ padding: 20px; overflow: hidden; }
    #iphone .appFooter p { width: 400px; float: left; margin: 0; color: #333; }
    #iphone .appFooter a{ color: #333; }
    .appFooter .logo { float: left; display: block; margin: 0 10px 0 0;}
    .appFooter img{ display: block; border: 0; }
    .mapilogo { display: block; float: right; margin: 0; }