BODY{
width: 880px;
margin: auto;
padding: 0px;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
/*color:#003366;   old blue color*/
color: #555555;
background-image: url('/images/riffbg.gif'); 
background-attachment: fixed;
background-position: 50% 50%;

}

h1, h2, h3, h4 {
	/* font-family: Arial, Helvetica, sans-serif; 
	color: #003366;
	margin: 0px; padding: 0px;
	margin-top: 10px;
	*/
}

h1 {
	font-size: 16px;
}

 
h2  {  
	font-size: 14px;
}

h3 {
	font-size: 12px;
}

.pageContainerDiv{
padding: 20px 30px 0px 20px;
}

.head14pt {  
	font-size: 16px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #888888;
	line-height: 130%;
}

.head14ptgreen {  
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #009900;
}

a, a:active  {
	color:#006699; 
	background-color: transparent ;
	font-family: Arial,tahoma,Verdana,sans-serif;  
	text-decoration: none;
}
A:hover {
	color: #000000; 
	background-color: #ccff66; 
}

input {
	vertical-align: top;
	font-size: 11px;
}


/* container around an thumbnail image */
.imgbox { /* floating left image box */
	border: 1px solid #A4C0CD;
	min-height: 10px;
	width: 136px;
	text-align: center;
	float: left;
	margin: 5px;
	padding: 0px;
	height: 170px;
}
.imgbox img { border: 0px; }
.imgbox a.img { padding-top: 5px; display: block; height: 120px;  }
.imgbox .img { padding-top: 5px; display: block; height: 120px;  }
.imgbox a.img:hover { background-color: #F0FFB7; }


.imgbox .name_box {
	margin: 1px 0px;
	font-size: 11px;
	font-family: Tahoma,Arial,Verdana,sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 1.3em;
}

/* Hides from IE-mac \*/
.imgbox .name_box {
	overflow: hidden;
}
/* End hide from IE-mac */

.imgbox .photo_name {
	clear: left;
	font-weight: bold;
	height: 2.6em;
	padding: 0px;
}

/* Shadowing for ALL CLIPS .. */
.p-shadow2 {
	/* float:left; */
	background: url(/images/shadowAlpha2.png) no-repeat bottom right !important;
	/* background: url(/images/shadow2.gif) no-repeat bottom right; */
	margin: 5px 0px 0px 10px !important;
	margin: 5px 0px 0px 2px; 
	height: auto !important; height: 124px; /* IE Holly Hack */ 

}


/* NOT IN USE I THINK 
.p-shadow {
	float:left;
	background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
	background: url(/images/shadow.gif) no-repeat bottom right;
	margin: 5px 0px 0px 10px !important;
}
*/

.even .p-shadow, .even .p-shadow2  {
	background-image: url(/images/shadow_even.gif);
}



/* NOT IN USE I THINK Shadowing for medium size  

.p-shadow2-green {
 	float:left;  
	background: url(/images/shadowAlpha2.png) no-repeat bottom right !important; 
	background: url(/images/shadow_green.gif) no-repeat bottom right; 

	margin: 5px 0 0 10px !important; 
	margin: 5px 0 0 2px;
}
*/


.p-shadow2 p {
	padding: 0px 0px 0px 0px !important;
	margin: -2px 6px 6px -6px !important;
}





.cleaner { /* to break the floating box above */
	clear: right;
	height: 1px;
	font-size: 1px;
	border: 0px inset;
	border-bottom: 0px;
	width: 550px;
}
.cleaner_nospace { /* to break the floating box above */
	clear: left !important;
	clear: right;
	height: 1px;
	font-size: 0px;
}

div.title { font-size: 11px; padding: 3px; margin: 10px 0 5px 0; }
div.title strong { color: #A3C322; }

div.pages { float: right; }
/* some simple pagination css */
div.paginate { padding: 0 15px; padding-bottom: 0px; background-color: #F7F7F7; width: 98%; padding: 3px;}
.paginate a.selected { color: red; }
.paginate a { margin: 2px; }
.paginate a:hover { background-color: #efefef; }



.required {
	background-color: #ECFFB3;
}

.alert, .error {
	color: #CC0000;
	font-weight: bold;
}
.error {
	font-family: Arial,Verdana,sans-serif; 
	font-size: 14px;
}

.focusbox {
	background-color: #EFFFBA; 
	border: 1px solid #669966;
	padding: 5px;
	margin: 5px
}
.focusbox ul { /* adjust the margin for ul items in a focus box */
	margin: 0; padding: 0;
	margin-left: 15px;
}

.alertbox {
	background-color: #FFFFCE; 
	border: 1px solid #996666; 
	padding: 5px;
}

#filterbox .spacer, spacersmall {
	clear: both;
	height: 2px;
	font-size: 1px;
}

/* Detail page */
.dashedspacer {
	background: #ffffff url(/images/buy1_11.gif) repeat-x;
	height: 2px;
	font-size: 1px;
	margin: 10px 0;
}

form { margin: 0px; padding: 0px; }




/* ----------   NEW RIFFEO CSS STARTS HERE  -------- */

a.hnav:link {
color: #228A0D;
font-size: 11px;
font-weight: bold;
}
a.hnav:visited {
	color: #228A0D;
	font-size: 11px;
	font-weight: bold;
}
a.hnav:hover {
	color: #000000;
	background-color: #ccff66;
}
a.hnav:active {
	color: #228A0D;
	font-size: 11px;
	font-weight: bold;
}

.bluetext{
color: #003366;
}
.graytext{
color: #999999;
}
.greentext{
color: #009900;
}
.whitetext{
color: #FFFFFF;
}
.text11pt{
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
.text12pt{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
.text14pt{
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
.text16pt{
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
}
.text18pt{
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
}
.textbold{
font-weight:bold;
}
.lnavhead{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#666666;
padding-bottom: 2px;
font-weight: bold;
}
.headersublinks{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
font-weight: bold;
padding: 5px;
}
.bluelink{
font-family:Arial, Helvetica, sans-serif;
color:#003366;
font-weight: bold;
padding: 5px;
}
a.whitelink:link, a.whitelink:active, a.whitelink:visited {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight: bold;
padding: 3px;
}

.greenlink{
font-family:Arial, Helvetica, sans-serif;
color:#009900;
font-weight: bold;
padding: 5px;
}
.graylink{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-weight: bold;
padding: 5px;
}
.text18pt{
font-size: 18px;
}
.headselect{
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
height: 17px;
width:120px;
margin-right: 12px;
}
.smallfield{
font-size: 11px;
height: 13px;
margin: 2px;
}
.topgreenbarfield{
font-size: 11px;
height: 13px;
margin: 0px 2px 12px 2px;
}
.topgreenbar{
background-image: url("/images/topnavbartile.jpg");

margin: 0px;
height: 26px;
padding: 6px 0px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
color:#009900;
}

input.submit{
font-size: 11px;
height: 30px;
margin: 2px;

}
input.text {
font-size: 12px !important;
height: 10px !important;
margin: 2px;
}
.bodywrapper{
width: 880px;
padding:6px;
margin: 6px;
}
.lnav{
width: 160px;
float:left;
padding:6px;
color:#FFFFCC;
margin: 6px;
}
.boxpadding{
padding:8px;
}
.footer{
width: 880px;
height: 56px;
background-image: url("/images/riffheadtile.gif");
}
.breadcrumbbar{
background-color:#E7E7E7;
width: 800px;
height: 28px;
padding: 9px 6px 0px 6px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight:bold;
color:#009900;
margin: 5px;
}
.crumb{
padding-right: 10px;
padding-left: 10px;
}
.slnavbox{
padding: 7px 0px 5px 0px;
}
.pad10px{
padding:10px;
}

.headtab:hover{
color:#339933;

}
.headtabSel{
float:left;
background-image:url(/images/graybox_tabgray.gif);
background-repeat:no-repeat;
padding-top: 5px;
height: 20px;
width: 109px;
margin-right:2px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #009900;
font-weight: bold;
text-align: center;

}
.headtab{
float:left;
background-image:url(/images/graybox_tabwhite.gif);
background-repeat:no-repeat;
padding-top: 5px;
height: 20px;
width: 109px;
margin-right:2px;
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
color: #999999;
font-weight: bold;
text-align: center;
}

.searchboxSelects{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
}

.bodydiv{

}

#pagination_block{
margin:6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#pagination{
margin:6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

.adBox{
width: 100%;
margin:0px;
text-align:center;
}

.vidPlayer{
 
border-width:1px;
border-style:solid;
border-color:#999999;
}