* {
font-weight: inherit;
font-family: inherit;
font-style: inherit;
font-size: 100%;
border: 0 none;
outline: 0;
padding: 0;
margin: 0;
}

table{border-collapse:collapse;}

@font-face {
font-family: 'BebasNeueRegular';
src: url('../fonts/BebasNeue-webfont.eot');
src: url('../fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/BebasNeue-webfont.woff') format('woff'),
url('../fonts/BebasNeue-webfont.ttf') format('truetype'),
url('../fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;
}


/* -------------------------------- headers, anchors, custom classes, etc… */
ul,li{
list-style: none;
}
a{
text-decoration: none;
}
strong{
font-weight: bold;
}
p{
margin: 0 0 10px 0;
color: #eaeaea;
}

h1,h2,h3,h4{
font-family: "BebasNeueRegular";
letter-spacing: 1px;
text-transform: uppercase;
display: block;
clear: left;
}
h2{font-size: 26px;}
h3{font-size: 16px;}

p.error:before, span.error:before{
content: " \2A\ ";
color: red;
}



span.italic{ font-style: italic;}
span.underline{ text-decoration: underline;}
span.red{ color: red;}
span.green{ color: #2db500;}

a.underline{ text-decoration: underline;}


/*  index latest boxes */
h2.indexBoxHeader{position: relative; float: left; font-size: 18px; line-height: 26px; color: #ffffff;}

a.indexItemH3{ display: block; line-height: 12px; margin: 0 0 5px 0; color: #ffffff;}
a.indexItemH3 h3 {
	clear: none;
}
a.indexItemH3:hover{ color: #2db500;}
p.indexItemP{ line-height: 17px; color: #cccccc;}

h2.latestNewsBoxHeader{position: relative; float: left; font-size: 26px; color: #ffffff;}

h3.indexSeeAll{position: relative; float: right; font-size: 16px;}
a.indexSeeAll{position: relative; float: right; margin: 4px 0 0 0; display: block; color: #555555;}
a.indexSeeAll:hover{color: #00cc33;}

p.latestNewsDate{display: block; font-size: 8px; font-weight: bold; color: #555555; margin: 0;}
h4.latestNewsTitle{ display: block; font-family: "Georgia", serif; font-style: italic; font-size: 16px; color: #2db500; margin: 0 0 10px 0; clear: both; text-transform: none;}
div.latestNews{margin: 0;}
div.latestNews div {
	margin: 0px auto;
	padding: 0px;
	display: block;
}
div.latestNews a {
	color: #2db500;
}

h3.newsGreen{color: #00cc33; font-size: 18px; line-height: 24px; text-transform: none; font-family: "Georgia", serif; font-style: italic; margin: 0 0 10px 0; display: block; width: 100%; }




body{
background:url(../img/bodyTileTop.gif) repeat-x, url(../img/bodyTile.gif) repeat;
font-family: "Helvetica", "Arial", sans-serif;
color: #ffffff;
font-size: 12px;
line-height: 20px;
}

/*#outerWrapper{
margin: 0 auto;
width: 960px;
height: auto;
}*/

#innerWrapper{
margin: 0 auto;
width: 960px;
height: auto;
}

/* -------------------------------- header */
#header{
position: relative;
float: left;
width: 960px;
height: 119px;
}
#logo{
position: relative;
float: left;
width: 338px;
height: 54px;
margin-left: 311px;
margin-top: 40px;
}
#loginArea{
position: relative;
float: right;
width: auto;
height: auto;
color: #888888;
margin: 10px 0 0 0;
display: inline;
}
#loginArea a{
color: #888888;
}
#loginArea a:hover{
color: #2db500;
}

/* -------------------------------- header nav */
#nav{
position: relative;
float: left;
width: 960px;
height: 30px;
}
#navButtonWrapper{
position: relative;
float: left;
width: auto;
height: 30px;
}

a.createAccount{
position: relative;
float: left;
width: 191px;
height: 30px;
display: block;
background-image: url(../img/sign-up-button.gif);
background-repeat: no-repeat;
}
a.createAccount:hover{
background-position: 0 -30px;
}
a.myAccount{
position: relative;
float: left;
width: 191px;
height: 30px;
display: block;
background-image: url(../img/my-account-button.gif);
background-repeat: no-repeat;
}
a.myAccount:hover{
background-position: 0 -30px;
}
a.uploadLoops{
position: relative;
float: left;
width: 192px;
height: 30px;
display: block;
background-image: url(../img/upload-button.gif);
background-repeat: no-repeat;
}
a.uploadLoops:hover{
background-position: 0 -30px;
}

a.loops{
position: relative;
float: left;
width: 191px;
height: 30px;
display: block;
background-image: url(../img/loop-packs-button.gif);
background-repeat: no-repeat;
}
a.loops:hover{
background-position: 0 -30px;
}
a.artists{
position: relative;
float: left;
width: 192px;
height: 30px;
display: block;
background-image: url(../img/artists-button.gif);
background-repeat: no-repeat;
}
a.artists:hover{
background-position: 0 -30px;
}
a.news{
position: relative;
float: left;
width: 192px;
height: 30px;
display: block;
background-image: url(../img/news-button.gif);
background-repeat: no-repeat;
}
a.news:hover{
background-position: 0 -30px;
}


#navSearch{
position: relative;
float: right;
width: 153px;
height: 24px;
}
.searchForm{
padding: 3px 10px;
font-size: 10px;
width: 100%;
color: #555555;
border-radius: 10px;
}
/*Opera*/
@media not all and (-webkit-min-device-pixel-ratio:0) {  
	.searchForm {  
	width: 85%;  
	}  
} 






/* -------------------------------- content wrapper */
#contentWrapper{
position: relative;
float: left;
width: 960px;
height: auto;
}
#contentWrapperTop{
position: relative;
float: left;
width: 960px;
height: 20px;
background:url(../img/contentWrapperTop.gif);
}
#contentWrapperMiddle{
position: relative;
float: left;
width: 960px; 
height: auto;
background:url(../img/contentWrapperTile.gif);
background-repeat: repeat-y;
}
#contentWrapperBottom{
position: absolute;
bottom: 0px;
width: 960px;
height: 10px;
background:url(../img/contentWrapperBottom.gif);
}



/* -------------------------------- index styles */

#indexTop{
position: relative;
float: left;
width: 920px;
height: auto;
margin: 10px 0 0 20px;
display: inline;
}

/* Easy Slider */
#indexSlider{
position: relative;
float: left;
width: 560px;
height: 300px;
background:url(../img/indexSliderBg.gif);
margin: 0 0 10px 0;
display: inline;
overflow: hidden;
}
#indexSlider ul, #indexSlider li{
margin:0;
padding:0;
list-style:none;
}
#indexSlider li{ 
width: 560px;
height:300px;
overflow:hidden; 
}	
ol#controls{
position: absolute;
padding:0;
top: 280px;
right: 370px;
z-index: 10;	
}
ol#controls li{
margin:0 0 0 10px; 
padding:0;
float:left;
list-style:none;
}
ol#controls li a{
float:left;
height:10px;
width: 10px;
background:#2db500;
font-size: 0px;
text-decoration:none;
display: inline;
}
ol#controls li.current a{
height:8px;
width: 8px;
background:#333333;
border:1px solid #2db500;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
/* Easy Slider */


.embossedLine{
position: relative;
float: left;
width: 100%;
height: 1px;
background: #000000;
border-bottom: 1px solid #444444;
margin: 5px 0 15px 0;
display: inline;
}
.embossedLineGray{
position: relative;
float: left;
width: 660px;
height: 1px;
background: #222222;
border-bottom: 1px solid #676767;
margin: 5px 0 15px 0;
display: inline;
}


.seeAll a{
position: relative;
float: right;
margin: 0 20px 0 0;
}

#latestNewsBox{
position: relative;
float: left;
width: 300px; 
height: 260px;
padding: 20px;
background:url(../img/latestNewsBoxBg.gif);
margin: 0 0 10px 20px;
display: inline;
color: #eaeaea;
}
/* latest News Box Scrolling CSS */
#mcs4_container{position: relative; float: left; width: 300px; height: 210px;}
#mcs4_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs4_container .customScrollBox .container{position:relative; width:280px; top:0; float:left; }
#mcs4_container .customScrollBox .content{clear:both;}
#mcs4_container .dragger_container{position:relative; width:0px; height:200px; float:left; margin:10px 0 0 10px; border-left:1px solid #000; cursor:pointer;}
#mcs4_container .dragger{position:absolute; width:6px; height:24px; background:#555; margin-left:-3px; text-align:center; overflow:hidden; cursor:pointer;}
#mcs4_container .dragger_pressed{position:absolute; width:6px; height:24px; background:#00cc33; margin-left:-3px; overflow:hidden; cursor:s-resize;}

a.latestNews{
color: #2db500;
font-size: 10px;
display: block;
margin: 0 0 5px 0;
}
a.latestNews:hover{
color: #666666;
}

#indexBottom{
position: relative;
float: left;
width: 920px;
height: auto;
margin: 10px 0 20px 20px;
display: inline;
}

.indexColumn{
position: relative;
float: left;
width: 215px;
height: auto;
margin: 0 20px 0 0;
display: inline;
}
.indexColumnTop{
position: relative;
float: left;
width: 215px;
height: 10px;
background: url(../img/indexColumnBgTop.gif);
}
.indexColumnMiddle{
position: relative;
float: left;
width: 185px;
height: auto;
padding: 5px 15px 0 15px;
background: url(../img/indexColumnBgMiddle.gif) repeat-y;
}
.indexColumnBottom{
position: relative;
float: left;
width: 215px;
height: 10px;
background: url(../img/indexColumnBgBottom.gif);
}

.indexItem{
position: relative;
float: left;
width: 185px;
height: 64px;
margin: 5px 0 10px 0;
}
.indexItemThumb{
position: relative;
float: left;
width: 64px;
height: 64px;
margin: 0 10px 0 0;
display: inline;
}
.indexItemThumb a{
display: block;
width: 64px;
height: 64px;
}
p.indexItemP a{
color: #2db500;
}
p.indexItemP a:hover{
color: #555555;
}




/* -------------------------------- drill page styles */
.promoBanner{
position: relative;
float: left;
width: 720px;
height: 127px;
margin: 0 0 30px 0;
display: inline;
}


#leftCol{
position: relative;
float: left;
width: 150px;
height: auto;
margin: 10px 10px 20px 20px;
display: inline;
}
#leftCol h2{
margin: 0 0 5px 0;
}
#leftColTop{
position: relative;
float: left;
width: 150px;
height: 10px;
background: url(../img/leftColTop.gif);
}
#leftColMiddle{
position: relative;
float: left;
width: 120px;
height: auto;
padding: 10px 15px;
background: url(../img/leftColMiddle.gif);
background-repeat: repeat-y;
}
#leftColBottom{
position: relative;
float: left;
width: 150px;
height: 10px;
background: url(../img/leftColBottom.gif);
}
h2.leftColHeader{
display: block;
}

/* ---------- leftCol Sliding Menu */
.leftColMenu {
width: 130px;
height: auto;
}

ul.leftColMenu {
padding: 0 0 10px 0;
margin: 0;
list-style: none;
}

ul.leftColMenu li {
margin-bottom: 15px;
}

ul.leftColMenu li a {
font-size: 18px;
padding: 8px 0 0 0;
color: #aaaaaa;
line-height: 12px;
display: inline-block;
font-family: "BebasNeueRegular";
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}

ul.leftColMenu li a:hover {
color: #00cc33;
}

ul.leftColMenu ul {
margin: 0;
padding: 0;
/*display: none;*/
/*margin-bottom: 10px;*/
}

ul.leftColMenu ul li {
margin: 0;
padding: 0;
clear: both;
}

/* children of parent genres */
ul.leftColMenu ul li a {
font-size: 16px;
line-height: 18px;
font-weight: normal;
color: #555555;
margin-bottom: -10px;
}

ul.leftColMenu ul li a:hover {
color:#2db500;
}





.rightCol{
position: relative;
float: left;
width: 760px;
height: auto;
margin: 10px 0 0 0;
display: inline;
padding: 0 0 20px 0;
}
.rightColTop{
position: relative;
float: left;
width: 760px;
height: 10px;
background: url(../img/rightColTop.gif);
}
.rightColMiddle{
position: relative;
float: left;
width: 740px;
height: auto;
padding: 10px 0 10px 20px;
background: url(../img/rightColMiddle.gif);
background-repeat: repeat-y;
}
.rightColBottom{
position: relative;
float: left;
width: 760px;
height: 10px;
background: url(../img/rightColBottom.gif);
}
.rightCol h2{
margin: 0 0 5px 0;
}

.rightColMiddle a{
color: #dddddd;
}
.rightColMiddle a:hover{
color: #2db500;
}


ul#pagination li{
display: inline;
margin: 0 5px 0 0;
color: #555555;
}
ul#pagination li.currentPage{
color: #2db500;
}
ul#pagination li a{
color: #555555;
}
ul#pagination li a:hover{
color: #2db500;
}

.reviewComment{
position: relative;
float: left;
width: 350px;
height: auto;
margin: 0 20px 20px 0;
display: inline;
}
.reviewRating{

}
.reviewComment h3{
position: relative;
float: left;
margin: 0 10px 0 0;
}
p.reviewAuthor{
font-size: 10px;
color: #aeaeae;
}
p.reviewText{
width: 350px;
margin: 5px 0;
}

/* -------------------------------- listing items */

.listItem{
position: relative;
float: left;
width: 128px;
height: 280px;
margin: 0 20px 20px 0;
display: inline-block;
}
a.listItemThumb{
position: relative;
float: left;
width: 128px;
height: 128px;
margin: 0 0 5px 0;
}
.listItemName{
color: #ffffff;
}
.listItemName:hover{
color: #2db500;
}
p.listItemDescription{
position: relative;
float: left;
width: 128px;
font-size: 10px;
line-height: 16px;
color: #888888;
margin: 0 0 2px 0;
}
p.listItemPrice{
position: relative;
float: left;
clear: left;
font-size: 10px;
line-height: 16px;
color: #cdcdcd;
margin: 0 0 0px 0;
}
span.price{
color: #ffffff; 
font-weight: bold;
display: inline-block;
}

p.listItemCategorySpacer
{
	clear: both;
	margin: 0 0 10px 0;
}

/* -------------------------------- news pages */
div.newsArticle {
	clear: both;
	width: 700px;
}

div.newsArticle ul {
	list-style: disc url( ../img/bulletGreen.png ) inside;
	margin: 35px;
}

div.newsArticle li {
	display: block;
	margin-bottom: 15px;
}

div.newsArticle li:last {
	margin-bottom: 0px;
}

div.newsArticle a {
	color: #2db500;
}

div.newsArticle a:hover, div.newsArticle a:active {
	color: #FFF;
}

/* -------------------------------- product drill */

#productPic{
position: relative;
float: left;
width: 256px;
height: 256px;
margin: 0 40px 40px 0;
display: inline;
}


#productInfo{
position: relative;
float: left;
width: 256px;
height: 256px;
color: #aeaeae;
margin: 0 20px 40px 0;
display: inline;
/* background: aqua; */
}
#productInfo strong, #productInfo h2, #productInfo h3 {
color: #ffffff;
}
#productInfo h2{
font-size: 30px;
line-height: 30px;
}
#productInfo h3{
margin-bottom: -5px;
}
#productInfo ul{
margin:10px 0 10px 0;
display: block;
}
#productInfo ul li{
display: block;
margin-bottom: 0px;
}
ul.productInfo a{
color: #aeaeae;
}
ul.productInfo a:hover{
color: #2db500;
}
ul.productInfo a.submitRating{
font-size: 10px;
color: #555555;
display: block;
margin: -5px 0 0 0;
}
ul.productInfo a.submitRating:hover{
color: #2db500;
}


.productActionGreen{
position: absolute;
bottom: 0;
width: auto;
height: auto;
padding: 10px 10px 8px 10px;
color: #222222;
font-size: 16px;
cursor: pointer;
font-weight: bold;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	

background: #2db500; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkYjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2db500 0%, #188400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2db500), color-stop(100%,#188400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2db500 0%,#188400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2db500 0%,#188400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2db500 0%,#188400 100%); /* IE10+ */
background: linear-gradient(top,  #2db500 0%,#188400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db500', endColorstr='#188400',GradientType=0 ); /* IE6-8 */

}
.productActionGreen:hover{
color: #ffffff;

background: #aeaeae; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2FlYWVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YTdhN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #aeaeae 1%, #7a7a7a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aeaeae), color-stop(100%,#7a7a7a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* IE10+ */
background: linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#7a7a7a',GradientType=0 ); /* IE6-8 */

}



#productSocial{
position: relative;
float: left;
width: 148px;
height: 256px;
color: #ffffff;
margin: 0 0 40px 0;
display: inline;
}
.socials{
position: relative;
float: left;
height: auto;
width: 138px;
padding: 10px 0 10px 10px;
margin: 0 0 2px 0;
display: inline;
background: #111111;
}
.twitter-share-button{
max-width: 97px;
}


#audioSamples{
position: relative;
float: left;
width: 256px;
height: auto;
color: #aeaeae;
/* background: #555555; */
margin: 0 40px 40px 0;
display: inline;
}
#audioSamples h2{
color: #ffffff;
}
#mcs5_container h3.sampleText {
	display: inline-block;
	position: relative;
	top: -7px;
}

#productDescription{
position: relative;
float: left;
width: 425px;
height: auto;
color: #aeaeae;
/* background: #555555; */
margin: 0 0 40px 0;
display: inline;
}
#productDescription h2{
color: #ffffff;
}


/* Loop Samples Scrolling CSS */
#mcs5_container{position: relative; float: left; width: 256px; height: 200px; text-align: left;}
#mcs5_container .customScrollBox{position:relative; height:100%; padding-bottom: 10px; overflow:hidden;}
#mcs5_container .customScrollBox .container{position:relative; width:240px; top:0; float:left;}
#mcs5_container .customScrollBox .content{clear:both;}
#mcs5_container .dragger_container{position:relative; width:0px; height:100%; float:right; margin:0px 5 0 10px; border-left:1px solid #000; cursor:pointer;}
#mcs5_container .dragger{position:absolute; width:6px; height:24px; background:#555; margin-left:-3px; text-align:center; overflow:hidden; cursor:pointer;}
#mcs5_container .dragger_pressed{position:absolute; width:6px; height:24px; background:#00cc33; margin-left:-3px; overflow:hidden; cursor:s-resize;}
#mcs5_container ul.loopSamples li{margin: 0 0 5px 0;}

/* -------------------------------- artists  */


/* Alphabetical Browsing*/
#browseArtists{
position: relative;
float: left;
width: 720px;
height: auto;
font-size: 16px;
color: #00cc33;
margin: 0 0 30px 0;
display: inline;
}
a.browseArtists{
color: #00cc33;
margin: 0 5px 0 0;
}
a.browseArtists:hover{
color: #ffffff;
}


.listArtist{
position: relative;
float: left;
width: 128px;
height: auto;
margin: 0 20px 20px 0;
display: inline;
}
.listArtistThumb{
position: relative;
float: left;
width: 128px;
height: 128px;
margin: 0 0 5px 0;
}
.listArtistName{
color: #ffffff;
}
.listArtistName:hover{
color: #2db500;
}




#profilePic{
position: relative;
float: left;
width: 256px;
height: 256px;
margin: 0 40px 40px 0;
display: inline;
}
p.profileCaption{
width: auto;
}

#artistInfo{
position: relative;
float: left;
width: 256px;
height: 256px;
color: #aeaeae;
margin: 0 20px 40px 0;
display: inline;
}
#artistInfo h2{
color: #ffffff;
}
#artistInfo strong, #artistInfo h2, #artistInfo h3 {
color: #ffffff;
}
#artistInfo ul{
margin: 10px 0 10px 0;
display: block;
}
#artistInfo ul li{
display: block;
}
ul.artistInfo a{
color: #aeaeae;
}
artistInfo a:hover{
color: #2db500;
}
a.submitRating{
font-size: 10px;
color: #555555;
display: block;
margin: -5px 0 0 0;
}
a.submitRating:hover{
color: #2db500;
}
a.artistProfileSocialLink {
	color: #2db500;
	font-weight: bold;
}

span#supportCaptcha{
position: relative;
float: left;
display: inline-block;
margin: 0 0 20px 155px;
}



#contact-area {
position: relative;
float: left;
width: 720px;
height: auto;
margin: 0 0 30px 0;
display: inline;
}

label {
float: left;
text-align: right;
margin-right: 15px;
width: 100px;
}


p.faqGreen{
color: #00cc33;
}

a.supportLink{
color: #888888;
}
a.supportLink:hover{
color: #00cc33;
}



/* -------------------------------- create account */

.fullPage{
position: relative;
float: left;
width: 920px;
height: auto;
margin: 10px 0 0 0;
display: inline;
padding: 0 0 20px 20px;
}
.fullPageTop{
position: relative;
float: left;
width: 920px;
height: 10px;
background: url(../img/fullPageTop.gif);
}
.fullPageMiddle{
position: relative;
float: left;
width: 920px;
height: auto;
padding: 10px 0 10px 0;
background: url(../img/fullPageMiddle.gif);
background-repeat: repeat-y;
}
.fullPageBottom{
position: relative;
float: left;
width: 920px;
height: 10px;
background: url(../img/fullPageBottom.gif);
}
#createAccountDiv{
position: relative;
float: left;
width: 880px;
height: 358px;
background-image: url(../img/createAccountBg.jpg);
margin: 0 0 0 20px;
display: inline;
}
#createAccountSignUp{
position: relative;
float: right;
width: 410px;
height: 280px;
margin: 40px 30px 0 0;
display: inline;
text-align: center;
}
#createAccountSignUpForm{
position: relative;
float: right;
width: 406px;
min-height: 130px;
height: auto;
border: 2px solid #fff;
background-image: url(../img/createAccountTransPng.png);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 20px 0;
}
#createAccountSignUpForm ul li input.info{
position: relative;
float: left;
width: 172px;
font-size: 18px;
padding: 5px;
margin: 20px 0 20px 20px;
}
#createAccountSignUpForm ul li input.actionGreen{
width: 364px;
height: 40px;
font-size: 24px;
color: #fff;
padding: 0;
text-shadow: 0px 1px 1px #333;
}
#createAccountSignUpForm ul li.error{
margin: 10px 0 0 0;
}


/* -------------------------------- getting started */
#gettingStartedText{
position: relative;
float: left;
width: 880px;
height: auto;
margin: 20px 0 0 20px;
text-align: center;
}
#gettingStartedOptions{
position: relative;
float: left;
width: 840px;
height: 210px;
margin: 20px 0 40px 50px;
}
.gettingStartedOptions-container{
position: relative;
float: left;
width: auto;
height: auto;
text-align: center;
color: #fff;
}
.gettingStartedOptions-container a.textLink{
color: #888;
}
.gettingStartedOptions-container a.textLink:hover{
color: #2db500;
}
a.gettingStartedOptions-button-1{
position: relative;
float: left;
display: inline-block;
width: 190px;
height: 190px;
background-image: url(../img/gettingStartedOptions-button-1.gif);
background-repeat: no-repeat;
margin: 0 20px 10px 0;
}
a.gettingStartedOptions-button-1:hover{
background-position: 0 -190px;
}
a.gettingStartedOptions-button-2{
position: relative;
float: left;
display: inline-block;
width: 190px;
height: 190px;
background-image: url(../img/gettingStartedOptions-button-2.gif);
background-repeat: no-repeat;
margin: 0 20px 10px 0;
}
a.gettingStartedOptions-button-2:hover{
background-position: 0 -190px;
}
a.gettingStartedOptions-button-3{
position: relative;
float: left;
display: inline-block;
width: 190px;
height: 190px;
background-image: url(../img/gettingStartedOptions-button-3.gif);
background-repeat: no-repeat;
margin: 0 20px 10px 0;
}
a.gettingStartedOptions-button-3:hover{
background-position: 0 -190px;
}
a.gettingStartedOptions-button-4{
position: relative;
float: left;
display: inline-block;
width: 190px;
height: 190px;
background-image: url(../img/gettingStartedOptions-button-4.gif);
background-repeat: no-repeat;
margin: 0 0 10px 0;
}
a.gettingStartedOptions-button-4:hover{
background-position: 0 -190px;
}

#createAccountLeftText{
position: relative;
float: left;
width: 440px;
height: auto;
margin: 20px 10px 20px 20px;
display: inline;
}
#createAccountRightText{
position: relative;
float: left;
width: 400px;
height: auto;
margin: 20px 0 0 0;
display: inline;
text-align: center;
font-size: 30px;
line-height: 38px;
font-family: "BebasNeueRegular";
}


.pageNumbers a{
position: relative;
float: left;
}

.accountWrapper{
position: relative;
float: left;
width: 720px;
height: auto;
}
.accountNav{
position: relative;
float: left;
width: 720px;
height: auto;
}
.accountNav a{
position: relative;
float: left;
margin: 0 5px 0 0;
display: inline;
}

a#account{
position: relative;
float: left;
width: 111px;
height: 25px;
display: block;
background-image: url(../img/account-Button.gif);
background-repeat: no-repeat;
}
a#account:hover{
background-position: 0 -25px;
}
a#profile{
position: relative;
float: left;
width: 111px;
height: 25px;
display: block;
background-image: url(../img/profile-button.gif);
background-repeat: no-repeat;
}
a#profile:hover{
background-position: 0 -25px;
}
a#purchases{
position: relative;
float: left;
width: 111px;
height: 25px;
display: block;
background-image: url(../img/purchases-button.gif);
background-repeat: no-repeat;
}
a#purchases:hover{
background-position: 0 -25px;
}
a#royalties{
position: relative;
float: left;
width: 111px;
height: 25px;
display: block;
background-image: url(../img/royalties-button.gif);
background-repeat: no-repeat;
}
a#royalties:hover{
background-position: 0 -25px;
}

a#account.active, a#profile.active, a#purchases.active, a#royalties.active {
background-position: 0 -25px;
}

.accountContent{
position: relative;
float: left;
width: 720px;
height: auto;
}

.accountContentTop{
position: relative;
float: left;
width: 720px;
height: 10px;
background: url(../img/accountContentTop.gif);
}
.accountContentMiddle{
position: relative;
float: left;
width: 660px;
height: auto;
padding: 20px 30px;
background: url(../img/accountContentMiddle.gif) repeat-y;
}
.accountContentMiddle p{
margin: 0 0 20px;
}
.accountContentBottom{
position: relative;
float: left;
width: 720px;
height: 10px;
background: url(../img/accountContentBottom.gif);
}

a.rightFloatAnchor {
	float: right;
}

/* Forms - Global*/

form[name='account'], form[name='password'], form[name='contact'], form[name='support'], form[name='profile'], form[name='uploads'], form[name='login'] {
}
form[name='account'] li, form[name='password'] li, form[name='contact'] li, form[name='support'] li, form[name='profile'] li, form[name='uploads'] li, form[name='login'] li {
margin: 0 0 15px 0;
}
form[name='account'] label, form[name='password'] label, form[name='contact'] label, form[name='support'] label, form[name='profile'] label, form[name='uploads'] label, form[name='login'] label{
width: 140px;
height: 25px;
font-weight: bold;
}
form[name='account'] input, form[name='password'] input, form[name='contact'] input, form[name='support'] input, form[name='profile'] input, form[name='uploads'] input, form[name='login'] input{
width: 190px;
height: 25px;
padding: 5px;
}
form[name='account'] input[name='postal']{
width: 80px;
}
form[name='contact'] textarea[name='message'], form[name='support'] textarea[name='message']{
padding: 5px;
width: 290px;
height: 100px;
}
form[name='profile'] textarea[name='blurb'], form[name='uploads'] textarea[name='blurb']{
padding: 5px;
width: 190px;
height: 70px;
}
form[name='profile'] textarea[name='bio'], form[name='uploads'] textarea[name='description']{
padding: 5px;
width: 190px;
height: 110px;
}

/* Forms Cart Page */
table#cart{
position: relative;
float: left;
margin: 20px 0 40px 0;
display: inline;
}
form[name='cart']{
}
form[name='cart'] li{
margin: 0 0 15px 0;
}
form[name='cart'] label{
width: 140px;
height: 25px;
font-weight: bold;
}
form[name='cart'] input{
width: 190px;
height: 25px;
padding: 5px;
}
form[name='cart'] input.purchaseAmount{
width: 80px;
height: 25px;
padding: 5px;
}
form[name='cart'] input[name='postal'], form[name='cart'] input[name='cc_sc']{
width: 80px;
margin: 0 10px 0 0;
}
form[name='cart'] input[type='radio']{
width: 13px;
height: 13px;
position: relative;
top: 3px;
left: 3px;
}
form[name='cart'] input[name='coupon_submit']{
width: 80px;
margin: 10px 0 20px 10px;
}
table#cart thead{
background: #333333;
color: #aeaeae;
text-transform: uppercase;
font-size: 18px;
line-height: 36px;
font-family: "BebasNeueRegular";
letter-spacing: 1px;
}
p.tablePrice{
width: auto;
margin: 0;
}
table#cart td{
/* border: 1px solid #ffffff; */
}

table#cart a.cartItemTitle{
	font-size: 18px;
}
#coupon{
width: 300px;
padding: 10px;
background: #333333;
}
p.coupon{
font-size: 22px;
font-family: "BebasNeueRegular";
letter-spacing: 1px;
margin-bottom: -5px;
color: #888888;
}

td.savings{
background-color: #333333;
}
td.savings p{
color: #2db500;
}

a.cart-error-link {
	color: #2DB500;
}

/* Cart Complete Page */
table#cart-complete {
	width: 97%;
}

table#cart-complete > thead th {
	background: #333333;
	border: 1px solid #444444;
	color: #aeaeae;
	font-family: "BebasNeueRegular";
	font-size: 18px;
	letter-spacing: 1px;
	padding: 3px 0px 3px 3px;
	text-align: left;
	text-transform: uppercase;
	width: 115px;
}

table#cart-complete > thead td {
	border: 1px solid #444444;
	font-size: 14px;
	text-align: left;
	padding: 3px 0px 3px 10px;
}

table#cart-complete > tbody table {
	width: 100%;
}

table#cart-complete > tbody table > thead th {
	background: #333333;
	border: 1px solid #444444;
	color: #aeaeae;
	font-family: "BebasNeueRegular";
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 36px;
	text-transform: uppercase;
}

table#cart-complete > tbody table > tbody td{
	border: 1px solid #444444;
	padding: 5px;
}

table#cart-complete > tbody table > tbody td.lp-thumb{
	height: 64px;
	width: 64px;
} 

table#cart-complete > tbody table > tbody td.lp-desc{
	font-size: 12px;
	padding: 0px 0px 0px 10px;
	vertical-align: middle;
} 

table#cart-complete > tbody table > tbody td.lp-desc a{
	font-size: 18px;
} 

table#cart-complete > tbody table > tbody td.lp-download {
	width: 130px
}

table#cart-complete > tbody table > tbody td.lp-download a:first-child{
	margin-bottom: 5px;
}


/* Forms Profile Page */
.user-profile-social-icon {
	height: 25px;
	width: 25px;
	vertical-align: bottom;
}

form[name='profile'] li.avatar{
height: auto;
padding: 0 0 0 120px;
}
form[name='profile'] li.avatar .avatarDiv{
position: relative;
float: left;
width: 178px;
height: auto;
margin: 0 40px;
display: inline;
clear: both;
/*background:yellow;*/
}
form[name='profile'] li.avatar .avatarDiv div.avatarSelectionDiv{
position: relative;
float: left;
width: 84px;
height: auto;
}
form[name='profile'] li.avatar .currentPic{
position: relative;
float: left;
width: 128px;
height: auto;
text-align: center;
/*background:green;*/
}
form[name='profile'] li.avatar .currentPic img{
width: 128px;
height: 128px;
margin: 0 0 10px 0;
}

form[name='profile'] li.avatar input[type='radio']{
position: absolute;
top: 28px;
width: 13px;
height: 13px;
}
form[name='profile'] li.avatar img{
position: relative;
float: right;
}

/* Forms uploads Page */
form[name='uploads'] li.avatar{
height: 160px;
padding: 0 0 0 120px;
}
form[name='uploads'] li.avatar .avatarDiv{
position: relative;
float: left;
width: 178px;
height: auto;
margin: 0 40px;
display: inline;
/*background:yellow;*/
}
form[name='uploads'] li.avatar .avatarDiv div.avatarSelectionDiv{
position: relative;
float: left;
width: 84px;
height: 64px;
}
form[name='uploads'] li.avatar .currentPic{
position: relative;
float: left;
width: 128px;
height: auto;
text-align: center;
/*background:green;*/
}
form[name='uploads'] li.avatar .currentPic img{
width: 128px;
height: 128px;
margin: 0 0 10px 0;
}

form[name='uploads'] li.avatar input[type='radio']{
position: absolute;
top: 28px;
width: 13px;
height: 13px;
}
form[name='uploads'] li.avatar img{
position: relative;
float: right;
}

/*  upload file buttons   */
label.wavHolder input.file{
position: relative;
height: 40px;
width: 140px;
opacity: 0;
-moz-opacity: 0;
filter:progid : DXImageTransform.Microsoft.Alpha(opacity=0);
right:-10052px;
top:0px;
cursor: pointer;
}
label.wavHolder{
width: 140px;
height: 60px;
background: url(../img/uploadWavButton.gif);
display: block;
overflow: hidden;
cursor: pointer;
}
label.wavHolder:hover{
background-position: 0 -40px;
}

label.aiffHolder input.file{
position: relative;
height: 40px;
width: 140px;
opacity: 0;
-moz-opacity: 0;
filter:progid : DXImageTransform.Microsoft.Alpha(opacity=0);
right:-10052px;
top:0px;
cursor: pointer;
}
label.aiffHolder{
width: 140px;
height: 60px;
background: url(../img/uploadAiffButton.gif);
display: block;
overflow: hidden;
cursor: pointer;
}
label.aiffHolder:hover{
background-position: 0 -40px;
}


form[name='login'] input[type='checkbox'], form[name='uploads'] input[type='checkbox']{
width: 13px;
height: 13px;
position: relative;
margin: 0 10px 0 0;
display: inline;
}


td.tableDownload a.actionGreenTable{
margin-bottom: 10px;
text-align: center;
}


a.uploadInstructions{
float:right;
margin: -10px 20px 0 0;
display: inline;
padding: 5px;
color: #222222;
background: #2db500;
cursor: pointer;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

background: #2db500; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkYjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2db500 0%, #188400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2db500), color-stop(100%,#188400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2db500 0%,#188400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2db500 0%,#188400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2db500 0%,#188400 100%); /* IE10+ */
background: linear-gradient(top,  #2db500 0%,#188400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db500', endColorstr='#188400',GradientType=0 ); /* IE6-8 */
}
a.uploadInstructions:hover{
color: #ffffff;
}

table#purchases{
width: 660px;
}
table#purchases thead{
background: #333333;
color: #aeaeae;
text-transform: uppercase;
font-size: 18px;
font-family: "BebasNeueRegular";
letter-spacing: 1px;
}
table#purchases thead td{
height: 35px;
}
table#purchases thead td.thumbnail{
width: 74px;
padding: 0 0 0 10px;
}
table#purchases tbody td.tableDownload{
width: 160px;
height: 25px;
}
table#purchases tbody td.tableItem{
line-height: 18px;
color: #cccccc;
padding: 0 20px 0 0;
}
table#purchases tbody td.tableGenre{
width: 80px;
line-height: 18px;
padding: 0 10px 0 0;
text-transform: capitalize;
}

a.purchasesTitle{
font-family: "BebasNeueRegular";
letter-spacing: 1px;
text-transform: uppercase;
font-size: 20px;
line-height: 28px;
}

table#purchases tbody tr{
height: 80px;
}
.rightColMiddle .purchasesGenre, .rightColMiddle .purchasesTitle, .rightColMiddle .cartRemove{
color: #ffffff;
}
.rightColMiddle .purchasesGenre:hover, .rightColMiddle .purchasesTitle:hover, .rightColMiddle .cartRemoveHover{
color: #2db500;
}

table#purchases tbody td.tablePrice{
width: 110px;
height: 25px;
}

#creditCard{
position: relative;
float: left;
width: 160px;
height: auto;
border-right: 1px solid #555555;
margin: 10px 40px 30px 80px;
display: inline;
}

#paypal{
position: relative;
float: left;
width: 160px;
height: auto;
margin: 10px 0 30px 0;
display: inline;
}
.paymentOption{
position: relative;
float: left;
width: 20px;
height: 20px;
margin: 0 5px 0 0;
display: inline;
}

#thawte{
position: relative;
float: left;
width: 80px;
height: auto;
margin: 12px 0 30px 160px;
display: inline;
}




.actionGreen{
width: auto;
height: auto;
padding: 20px;
color: #222222;
background: #2db500;
cursor: pointer;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

background: #2db500; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkYjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2db500 0%, #188400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2db500), color-stop(100%,#188400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2db500 0%,#188400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2db500 0%,#188400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2db500 0%,#188400 100%); /* IE10+ */
background: linear-gradient(top,  #2db500 0%,#188400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db500', endColorstr='#188400',GradientType=0 ); /* IE6-8 */
}

.actionGreen:hover{
color: #ffffff;

background: #aeaeae; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2FlYWVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YTdhN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #aeaeae 1%, #7a7a7a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aeaeae), color-stop(100%,#7a7a7a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* IE10+ */
background: linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#7a7a7a',GradientType=0 ); /* IE6-8 */
}

.rightColMiddle .actionGreenTable{
padding: 10px 10px 8px;
color: #222222;
cursor: pointer;
font-weight: bold;
display: block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

background: #2db500; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkYjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2db500 0%, #188400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2db500), color-stop(100%,#188400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2db500 0%,#188400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2db500 0%,#188400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2db500 0%,#188400 100%); /* IE10+ */
background: linear-gradient(top,  #2db500 0%,#188400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db500', endColorstr='#188400',GradientType=0 ); /* IE6-8 */
}
.rightColMiddle .actionGreenTable:hover{
color: #ffffff;
background: #aeaeae; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2FlYWVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YTdhN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #aeaeae 1%, #7a7a7a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aeaeae), color-stop(100%,#7a7a7a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* IE10+ */
background: linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#7a7a7a',GradientType=0 ); /* IE6-8 */
}


/* Forms Submit Rating */
form[name='submitRating']{
}
form[name='submitRating'] li{
margin: 0 0 15px 0;
}
form[name='submitRating'] label{
width: 80px;
height: 25px;
font-weight: bold;
}
form[name='submitRating'] input{
width: 190px;
height: 25px;
padding: 5px;
}





/* -------------------------------- footer */
#footer{
position: relative;
float: left;
width: 100%;
height: 206px;
margin: 20px 0 40px 0;
background:url(../img/footerTile.gif) repeat-x;
}
#footerOuterWrapper{
margin: 0 auto;
width: 960px;
height: auto;
padding: 0px;
}
#footerInnerWrapper{
position: relative;
float: left;
width: 960px;
height: 206px;
}

#footerLogo {
position: relative;
float: left;
width: 129px;
height: 206px;
background:url(../img/logoFooter.gif) no-repeat;
}

#footerInnerWrapper h3{
color: #666666;
font-size: 18px;
display: block;
margin: 0 0 4px 0;
}
#footerInnerWrapper a{
color: #666666;
font-size: 10px;
}
#footerInnerWrapper a:hover{
color: #888888;
font-size: 10px;
}
#footerSitemap{
position: relative;
float: left;
width: 100px;
height: auto;
margin: 20px 0 0 80px;
display: inline;
}
#footerSitemap ul{
position: relative;
float: left;
}
#footerSocial{
position: relative;
float: left;
width: 80px;
height: auto;
margin: 20px 0 0 40px;
display: inline;
}
#footerSocial ul{
position: relative;
float: left;
}
#copywright{
position: relative;
float: right;
width: auto;
height: auto;
color: #666666;
font-size: 10px;
margin: 20px 0 0 0;
}




/*  Submit Review Fancy Box  */

#submitRatingBox{
width: 360px;
height: 500px;
padding: 20px;
color: #aeaeae;
background: #222222;
}
#submitRatingBox input.submit-button {
position: relative;
float: left;
width: 160px;
height: 35px;
margin: 5px 0 0 0;
background: url(../img/submitButton.gif);
cursor: pointer;
}

#recaptcha_widget_div {
	width: 320px;
	margin: auto;
}
#submitRatingBox input.submit-button:hover{
background-position: 0 -35px;
}

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
cursor: pointer;
overflow: hidden;
z-index: 1104;
display: none;
}

#fancybox-loading div {
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 480px;
background-image: url('fancybox.png');
}

#fancybox-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1100;
display: none;
}

#fancybox-tmp {
padding: 0;
margin: 0;
border: 0;
overflow: auto;
display: none;
}

#fancybox-wrap {
position: absolute;
top: 0;
left: 0;
padding: 10px;
z-index: 1101;
outline: none;
display: none;
}

#fancybox-outer {
position: relative;
width: 100%;
height: 100%;
background: #000000;
}

#fancybox-content {
width: 0;
height: 0;
padding: 0;
outline: none;
position: relative;
overflow: hidden;
z-index: 1102;
border: 0px solid #555;
}

#fancybox-hide-sel-frame {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
z-index: 1101;
}

#fancybox-close {
position: absolute;
top: -15px;
right: -15px;
width: 30px;
height: 30px;
background: transparent url('fancybox.png') -40px 0px;
cursor: pointer;
z-index: 1103;
display: none;
}

#fancybox-error {
color: #444;
font: normal 12px/20px Arial;
padding: 14px;
margin: 0;
}

#fancybox-img {
width: 100%;
height: 100%;
padding: 0;
margin: 0;
border: none;
outline: none;
line-height: 0;
vertical-align: top;
}

#fancybox-frame {
width: 100%;
height: 100%;
border: none;
display: block;
}

#fancybox-left, #fancybox-right {
position: absolute;
bottom: 0px;
height: 100%;
width: 35%;
cursor: pointer;
outline: none;
background: transparent url('blank.gif');
z-index: 1102;
display: none;
}

#fancybox-left {
left: 0px;
}

#fancybox-right {
right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
position: absolute;
top: 50%;
left: -9999px;
width: 30px;
height: 30px;
margin-top: -15px;
cursor: pointer;
z-index: 1102;
display: block;
}

#fancybox-left-ico {
background-image: url('fancybox.png');
background-position: -40px -30px;
}

#fancybox-right-ico {
background-image: url('fancybox.png');
background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
left: 20px;
}

#fancybox-right:hover span {
left: auto;
right: 20px;
}

.fancybox-bg {
position: absolute;
padding: 0;
margin: 0;
border: 0;
width: 20px;
height: 20px;
z-index: 1001;
}

#fancybox-bg-n {
top: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
}

#fancybox-bg-ne {
top: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -162px;
}

#fancybox-bg-e {
top: 0;
right: -20px;
height: 100%;
background-image: url('fancybox-y.png');
background-position: -20px 0px;
}

#fancybox-bg-se {
bottom: -20px;
right: -20px;
background-image: url('fancybox.png');
background-position: -40px -182px; 
}

#fancybox-bg-s {
bottom: -20px;
left: 0;
width: 100%;
background-image: url('fancybox-x.png');
background-position: 0px -20px;
}

#fancybox-bg-sw {
bottom: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -142px;
}

#fancybox-bg-w {
top: 0;
left: -20px;
height: 100%;
background-image: url('fancybox-y.png');
}

#fancybox-bg-nw {
top: -20px;
left: -20px;
background-image: url('fancybox.png');
background-position: -40px -122px;
}

#fancybox-title {
font-family: Helvetica;
font-size: 12px;
z-index: 1102;
}

.fancybox-title-inside {
padding-bottom: 10px;
text-align: center;
color: #333;
background: #fff;
position: relative;
}

.fancybox-title-outside {
padding-top: 10px;
color: #fff;
}

.fancybox-title-over {
position: absolute;
bottom: 0;
left: 0;
color: #FFF;
text-align: left;
}

#fancybox-title-over {
padding: 10px;
background-image: url('fancy_title_over.png');
display: block;
}

.fancybox-title-float {
position: absolute;
left: 0;
bottom: -20px;
height: 32px;
}

#fancybox-title-float-wrap {
border: none;
border-collapse: collapse;
width: auto;
}

#fancybox-title-float-wrap td {
border: none;
white-space: nowrap;
}

#fancybox-title-float-left {
padding: 0 0 0 15px;
background: url('fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
color: #FFF;
line-height: 29px;
font-weight: bold;
padding: 0 0 3px 0;
background: url('fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
padding: 0 0 0 15px;
background: url('fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }





/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer, #cartContainer, #supportContainer, #downloadContainer {
    position:relative;
    float:left;
    width: auto;
    height: 30px;
    margin: 0 5px 0 0;
    display: inline;
}

/* Login Button */
#loginButton, #cartButton { 
    float:left;
    position:relative;
    z-index:30;
    cursor:pointer;
}
a#loginButton:hover, a#cartButton:hover{ 
    color: #2db500;
}

/* Login Button Text */
#loginButton span, #cartButton span {
    display:block
}

/* Login Box */
#cartBox {
    position:absolute;
    top:24px;
    left: -80px;
    display:none;
    z-index:29;
}

#loginBox {
    position:absolute;
    top:24px;
    right: -20px;
    display:none;
    z-index:29;
}

/* Login Form */
#loginForm, #cartForm {
    width:248px; 
    margin-top:-1px;
    background:#555555;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:6px;
}

#loginForm fieldset, #cartForm fieldset {
    margin:0 0 12px 0;
    display:block;
    border:0;
    padding:0;
}

fieldset#body, fieldset#cartDropDown {
    background:#222222;
    border-radius:3px;
    -moz-border-radius:3px;
    padding:10px 13px;
    margin:0;
    text-align: left;
}
fieldset#body label, fieldset#cartDropDown{
text-align: left;
}

#loginForm #checkbox, #cartForm #checkbox {
    width:auto;
    margin:1px 9px 0 0;
    float:left;
    padding:0;
    border:0;
    *margin:-3px 9px 0 0; /* IE7 Fix */
}

#loginForm #body fieldset label, #cartForm #body fieldset label {
    display:block;
    float:none;
    margin:0 0 6px 0;
}

/* Default Input */
#loginForm input, #cartForm input {
    width:92%;
    color:#222222;
    font-weight:bold;
    padding:8px 8px;
    font-size:12px;
}

/* Sign In Button */
#loginForm #login, #cartForm #login {
    width:auto;
    float:left;
    color:#222222;
    padding:8px;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    margin:0 12px 0 0;
    cursor:pointer;
    *padding:7px 2px 8px 2px; /* IE7 Fix */
    
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	
	background: #2db500; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkYjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #2db500 0%, #188400 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2db500), color-stop(100%,#188400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #2db500 0%,#188400 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #2db500 0%,#188400 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #2db500 0%,#188400 100%); /* IE10+ */
	background: linear-gradient(top,  #2db500 0%,#188400 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db500', endColorstr='#188400',GradientType=0 ); /* IE6-8 */
}
#loginForm #login:hover, #cartForm #login:hover {
    color:#ffffff;
    background: #aeaeae; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2FlYWVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YTdhN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #aeaeae 1%, #7a7a7a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aeaeae), color-stop(100%,#7a7a7a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* IE10+ */
	background: linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#7a7a7a',GradientType=0 ); /* IE6-8 */
}

/* Forgot your password */
#loginForm span, #cartForm span {
    text-align:center;
    display:block;
    padding:7px 0 4px 0;
}

#loginForm span a, #cartForm span a {
    color:#222222;
}

input:focus {
    outline:none;
}



/*  cart drop down box*/

img.cartThumb{
max-height: 32px;
max-height: 32px;
}

fieldset#cartDropDown{
padding-bottom: 0;
}

fieldset#cartDropDown p{
color: #888888;
font-weight: bold;
}

fieldset#cartDropDown ul li{
margin: 0 0 10px 0;
width: 100%;
}

fieldset#cartDropDown ul li img{
vertical-align:middle;
margin: 0 5px;
}

span.cartPrice{
position: relative;
float: right;
top: -2px;
color: #ffffff;
}

p.cartDropdownTotalText{
position: relative;
float: left;
}

p.cartDropdownTotalPrice{
position: relative;
float: right;
}

fieldset#cartDropDown a.cartActionGreen{
width: auto;
height: auto;
padding: 10px 20px 8px 20px;
color: #222222;
cursor: pointer;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	

background: #2db500; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkYjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2db500 0%, #188400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2db500), color-stop(100%,#188400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2db500 0%,#188400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2db500 0%,#188400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2db500 0%,#188400 100%); /* IE10+ */
background: linear-gradient(top,  #2db500 0%,#188400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db500', endColorstr='#188400',GradientType=0 ); /* IE6-8 */
}


fieldset#cartDropDown a.cartActionGreen:hover{
color: #ffffff;
background: #aeaeae; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2FlYWVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YTdhN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #aeaeae 1%, #7a7a7a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aeaeae), color-stop(100%,#7a7a7a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* IE10+ */
background: linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#7a7a7a',GradientType=0 ); /* IE6-8 */
}







/* ----------------- Upload Samples Pages */

.uploadSteps{
position: relative;
float: left;
width: 700px;
height: auto;
padding: 10px;
background: #333333;
margin: 0 0 20px 0;
display: inline;
font-family: "BebasNeueRegular";
font-size: 22px;
font-weight: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.uploadSteps p{
margin: 0;
color: #888888;
}

#uploadSamples{
position: relative;
float: left;
width: 440px;
height: auto;
}

.uploadSampleType{
position: relative;
float: left;
width: 140px;
height: auto;
text-align: right;
font-weight: bold;
line-height: 16px;
padding: 0 15px 0 0;
}

.uploadTips{
position: relative;
float: right;
width: 260px;
height: auto;
margin: 0 20px 20px 0;
display: inline;
}
.tip{
display: inline-block;
}
.tip:before{
content: " \2A\ ";
color: red;
}

ul.qq-upload-list li.qq-upload-fail{
display: block;
position: relative;
float: left;
margin: 0 0 0 -320px;
}


#uploadWavSamples{
position: relative;
float: left;
width: 465px;
height: auto;
}

#uploadAiffSamples{
position: relative;
float: left;
width: 565px;
height: auto;
}

li.qq-upload-fail{
position: absolute;
top: 0;
width: auto;
left: 310px;
background: #222222;
}
li.qq-upload-fail:before{
content: " \2A\ ";
color: red;
}
li.qq-upload-cancel a{
display: none;
}

li.uploader > span, span.passError{
color: #ffffff;
display:block;
text-align: center;
height: auto;
background: #333333;
width: 125px; 
padding: 5px 10px;
text-align:center;
text-transform: uppercase;    
height: auto;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 0 20px 155px;
}

#uploadSampleText{
position: relative;
float: left;
width: 300px;
height: auto;
margin: 0 0 20px 155px;
display: inline;
}

span.uploadInfo, span.optional{
color: #555555;
font-size: 10px;
margin-left: 155px;
}

.error{
display: inline-block;
width: auto;
margin: 0 0 0 10px;
background: red;
padding: 0 5px;
color: #ffffff;
}
.samplePackError{
display: inline-block;
width: auto;
margin: 0 0 20px 156px;
}

.selectActionGreen{
width: auto;
height: auto;
padding: 5px;
color: #222222;
background: #2db500;
cursor: pointer;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;

background: #2db500; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkYjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2db500 0%, #188400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2db500), color-stop(100%,#188400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2db500 0%,#188400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2db500 0%,#188400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2db500 0%,#188400 100%); /* IE10+ */
background: linear-gradient(top,  #2db500 0%,#188400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db500', endColorstr='#188400',GradientType=0 ); /* IE6-8 */
}

.selectActionGreen:hover {
    color:#ffffff;
    background: #aeaeae; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2FlYWVhZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YTdhN2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #aeaeae 1%, #7a7a7a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aeaeae), color-stop(100%,#7a7a7a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* IE10+ */
	background: linear-gradient(top,  #aeaeae 1%,#7a7a7a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aeaeae', endColorstr='#7a7a7a',GradientType=0 ); /* IE6-8 */
}



.peter{
height: 20px;
width: 100px;
margin: 0;
padding: 10px 0 0 0;
}
.jackie{
height: 20px;
width:100px;
margin: 0;
padding: 10px 0 0 0;
}


/* ----------------- Upload your own thumbnail area */

#uploadThumbnail{
position: relative;
float: left;
width: 720px;
height: auto;
margin: 0 0 40px 0;
display: inline;
}
#uploadThumbnailPreview{
position: relative;
float: left;
width: 276px;
height: auto;
}
#uploadThumbnailDetails{
position: relative;
float: left;
width: 444px;
height: auto;
}
p.thumbSpecs{
font-size: 14px;
color: #ffffff;
}
/*p.thumbSpecs:before{
content: " \2A\ ";
color: red;
}*/
li.qq-upload-success{
position: absolute;
top: -60px;
left: 285px;
width: 420px;
background: #222222;
}
li.qq-upload-success:before {
	content: "Current Thumbnail:";
	font-weight: bold;
	margin-right: 10px;
	color: #888888;
}


ul.sampleThumbnailStyles li{
margin-bottom: 20px;
}
li.font{
width: 40px;
display: inline;
color: blue;
}


#createThumbnail{
position: relative;
float: left;
width: 720px;
height: auto;
margin: 0 0 40px 0;
display: inline;
}
#createThumbnailPreview{
position: relative;
float: left;
width: 276px;
height: auto;
}
#createThumbnailDetails{
position: relative;
float: left;
width: 444px;
height: auto;
}
#pickYourBg{
position: relative;
float: left;
width: 444px;
height: auto;
}
#pickYourBg label{
width: auto;
margin: 0 16px 0 0;
}
#createTitle{
position: relative;
float: left;
width: 444px;
height: auto;
}
#createTitle label{
width: auto;
margin: 0 82px 0 0;
}

#chooseFont{
position: relative;
float: left;
width: 444px;
height: auto;
margin: 0;
display: inline;
}
#chooseFont label{
width: 88px;
margin: 0 59px 0 0;
}

#chooseFontSize{
position: relative;
float: left;
width: 444px;
height: auto;
margin: 0;
display: inline;
}
#chooseFontSize label{
width: 115px;
margin: 0 32px 0 0;
}
.radioFont{
position: relative;
float: left;
width: 50px;
height: auto;
}
.radioFont input[type="radio"]{
height: 14px;
}
/* firefox fix*/
@-moz-document url-prefix() {
   .radioFont input[type="radio"] {
        position: absolute;
		right: -50px;
    }
    #chooseFontStyle input.radio{
    position: absolute;
    top: -3px;
    }
}
#chooseFontStyle input.radio{
position: relative;
padding: 0;
margin: 5px 0 0 0;
}

#chooseFontStyle{
position: relative;
float: left;
width: 444px;
height: auto;
}
#chooseFontStyle li{
display: inline-block;
}
#chooseFontStyle label{
width: 60px;
height: auto;
margin: 0 15px 0 0;
}


div.color_picker {
  height: 14px;
  width: 14px;
  display: inline-block;
  padding: 0 !important;
  border: 1px solid #555;
  cursor: pointer;
}
div.controlset{
position: absolute;
top: 35px;
}

div#color_selector {
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
}
  div#color_custom {width: 100%; float:left }
  div#color_custom label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div#color_custom input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

div.color_swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}

#uploadTermsDiv{
position: relative;
float: left;
height: 380px; 
width: 710px; 
overflow: auto; 
padding: 10px 10px 10px 0;
margin: 0 0 30px 0;
display: inline;
}
#uploadTermsDiv h2{
margin-bottom: 20px;
}
#uploadTermsDiv h3{
margin-bottom: 10px;
}
#uploadTermsDiv ul{
margin-left: 20px;
}
#uploadTermsDiv li{
list-style: disc;
}
a.termsLink{
color: #666666;
}




/* -------------------------------  How to Pages */
#howToTop{
position: relative;
float: left;
width: 920px;
height: 10px;
margin: 0 0 0 20px;
background:url(../img/howToTop.gif) no-repeat;
}
#howToMiddle{
position: relative;
float: left;
width: 920px;
height: auto;
margin: 0 0 0 20px;
padding: 20px 30px;
background:url(../img/howToMiddle.gif) repeat-y;
}
#howToBottom{
position: relative;
float: left;
width: 920px;
height: 10px;
margin: 0 0 20px 20px;
background:url(../img/howToBottom.gif) no-repeat;
}
.stepDiv{
position: relative;
float: left;
width: 860px;
height: auto;
margin: 0 0 40px 0;
display: inline;
}

.stepDivText{
position: relative;
float: left;
width: 350px;
height: 210px;
padding: 0 20px 0 0;
}
.stepDivText h3{
margin-bottom: 10px;
font-size: 20px;
}
.stepDivPic{
position: relative;
float: left;
width: 490px;
height: 210px;
}


/******** ADMIN ********/
/* orders */
/*index*/
form[name='admin-order-index'] {
	background: #333;
	border: 1px solid #444;
	display: block;
	padding: 1em;
	width: 93%;
}
form[name='admin-order-index'] select {
	margin: 0em 0.5em 0em 0em;
	width: 150px;
}
form[name='admin-order-index'] input[type='submit'] {
	border: 1px solid #444;
	border-radius: 5px;
	margin: 0em 0.5em 0em 0em;
	padding: 0.3em 0.7em;
}

table.adminOrderIndexHeader {
	background: #333;
	display: inline;
	margin: 20 15px 20px 0px;
	width: 165px;
	vertical-align: top;
}
table.adminOrderIndexHeader:nth-of-type(4) {
	margin-right: 0;
}
table.adminOrderIndexHeader th {
	border: 1px solid #444;
	padding: 0.5em;
	font-weight: bold;
}
table.adminOrderIndexHeader td {
	border: 1px solid #444;
	padding: 0.5em;
}
table.adminOrderIndexHeader tr td:first-child {
	font-weight: bold;
	text-align: right;
	width: 75px;
}
table.adminOrderIndexCustomerOrder {
	background: #333;
	width: 96.5%;
}
table.adminOrderIndexCustomerOrder th {
	border: 1px solid #444;
	padding: 0.5em;
	font-weight: bold;
}
table.adminOrderIndexCustomerOrder td {
	border: 1px solid #444;
	padding: 0.5em;
}

/* single */
div#order-single-left-container {
	display: inline-block;
	margin-right: 25px;
	width: 450px;
	vertical-align: top;
}

div#order-single-right-container {
	display: inline-block;
	width: 240px;
	vertical-align: top;
}

div#order-single-left-container table, div#order-single-right-container table {
	margin-bottom: 15px;
	width: 100%;
}

div#order-single-left-container table th, div#order-single-right-container table th {
	background: #333;
	border: 1px solid #555;
	padding: 3px;
	text-align: right;
	width: 90px;
}

div#order-single-left-container table td, div#order-single-right-container table td {
	background: #333;
	border: 1px solid #555;
	padding: 3px;
}

tr.orderSingleStripe th, tr.orderSingleStripe td {
	background: #444 !important;
}

table#order-single-purchase-details {
	width: 100%;
}

table#order-single-purchase-details th, table#order-single-purchase-details td {
	border: 1px solid #555;
	padding: 3px;
	text-align: left;
}

table#order-single-purchase-details td {
	background: #333;
}

table#order-single-purchase-details td[colspan] {
	text-align: right;
}

table#order-single-purchase-details td[colspan] input {
	padding: 3px;
}

tr#orderSingleNoBG td {
	background: none;
	border: none;
	text-align: right;
}

tr#orderSingleNoBG td:first-child {
	text-align: left;
}

tr#orderSingleNoBG input {
	margin-top: 10px;
}

/* user index */
div#user-index-search {
	border: 1px solid #444;
	display: block;
	margin-right: 20px;
	padding: 10px;
}

div#user-index-search input {
	padding: 3px;
	margin: 3px;
}

div#user-index-search input[name='search_for'], div#user-index-search input[name='userIndexSearch'] {
	float: right;
}

table#user-index-results {
	margin-top: 20px;
	width: 98%;
}

table#user-index-results th {
	font-weight: bold;
}

table#user-index-results th, table#user-index-results td {
	background: #444;
	border: 1px solid #555;
	padding: 3px;
	text-align: left;
}

table#user-index-results tr:nth-child(even) td {
	background: #333;
}

/* single user */
div#user-single-left-container {
	display: inline-block;
	margin-right: 20px;
	width: 220px;
	vertical-align: top;
}

	div#user-single-avatar {
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}
	
	table#user-single-technical-details {
		display: block;
		vertical-align: top;
		width: 100%;
	}
	
	table#user-single-order-details {
		display: block;
		vertical-align: top;
		width: 100%;
	}

div#user-single-right-container {
	display: inline-block;
	width: 470px;
	vertical-align: top;
}

	table#user-single-user-details, table#user-single-extra-details {
		display: block;
		width: 100%;
		vertical-align: top;
	}

div#user-single-left-container table, div#user-single-right-container table {
	margin-bottom: 20px;
}

div#user-single-left-container th, div#user-single-right-container th {
	background: #333;
	border: 1px solid #555;
	padding: 5px;
	text-align: right;
	width: 100px;
	vertical-align: text-top;
}

div#user-single-left-container td, div#user-single-right-container td {
	background: #333;
	border: 1px solid #555;
	padding: 5px;
	word-break: break-word;
	word-wrap: break-word;
}

tr.userSingleStripe td, tr.userSingleStripe th {
	background: #444 !important;
}

table#user-single-order-purchases {
	width: 715px;
}

table#user-single-order-purchases th, table#user-single-order-purchases td {
	border: 1px solid #555;
	padding: 3px;
	text-align: left;
}

table#user-single-order-purchases td {
	background: #333;
}

table#user-single-order-purchases td[colspan] {
	text-align: right;
}

table#user-single-order-purchases td[colspan] input {
	padding: 3px;
}

tr#orderSingleNoBG td {
	background: none;
	border: none;
	text-align: right;
}

tr#orderSingleNoBG td:first-child {
	text-align: left;
}

tr#orderSingleNoBG input {
	margin-top: 10px;
}



/* features/ads */
table.features-index {
	width: 100%;
}

table.features-index td, table.features-index th {
	border: 1px solid #444;
	padding: 3px;
}

table.features-index th {
	background: #444;
	font-weight: bold;
	text-align: left;
}

/* features/ads feature pages */
form#features-feature-form ul li {
	display: block;
	padding: 0px 0px 10px 0px;
}

form#features-feature-form ul li label {
	display: inline-block;
	float: none;
	font-weight: bold;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	width: 100px;
	vertical-align: top;
}

form#features-feature-form ul li input {
	border: 1px solid #444;
	height: 20px;
}

form#features-feature-form ul li input[type='submit'] {
	border: 1px solid #444;
	height: 20px;
	line-height: 100%;
	margin-left: 115px;
	padding: 5px;
	width: 100px;
}

form#features-feature-form ul li label[for] {
	width: auto;
}

form#features-feature-form ul li table {
	display: inline;
}

form#features-feature-form ul li table td {
	padding: 3px 10px 3px 0px;
}

/* feature/ads ads pages */

form#features-ad-form ul li {
	display: block;
	padding: 0px 0px 10px 0px;
}

form#features-ad-form  ul li label {
	display: inline-block;
	float: none;
	font-weight: bold;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	width: 100px;
	vertical-align: top;
}

form#features-ad-form ul li input {
	border: 1px solid #444;
	height: 20px;
}

form#features-ad-form ul li input[type='submit'], form#features-ad-form ul li p {
	margin-left: 115px;
	padding: 5px;
}

form#features-ad-form ul li input[type='submit'] {
	border: 1px solid #444;
	height: 20px;
	line-height: 100%;
	width: 100px;
}

form#features-ad-form ul li p {
	color: #666;
	font-size: 11px;
	line-height: 115%;
	margin-bottom: -8px;
	padding: 0px;
}

form#features-ad-form ul li label[for] {
	width: auto;
}

/* looppacks */

/** add genre **/
form#looppacks-add-genre ul li {
	display: block;
	padding: 0px 0px 10px 0px;
}

form#looppacks-add-genre  ul li label {
	display: inline-block;
	float: none;
	font-weight: bold;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	width: 100px;
	vertical-align: top;
}

form#looppacks-add-genre ul li input[type='text'] {
	border: 1px solid #444;
	height: 20px;
	width: 200px;
}

form#looppacks-add-genre ul li input[type='submit'] {
	margin-left: 115px;
	padding: 5px;
	border: 1px solid #444;
	height: 20px;
	line-height: 100%;
	width: 100px;
}

form#looppacks-add-genre ul li label[for] {
	width: auto;
}

/** edit genre **/
form#looppacks-edit-genre ul li {
	display: block;
	padding: 0px 0px 10px 0px;
}

form#looppacks-edit-genre  ul li label {
	display: inline-block;
	float: none;
	font-weight: bold;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	width: 100px;
	vertical-align: top;
}

form#looppacks-edit-genre ul li input[type='text'] {
	border: 1px solid #444;
	height: 20px;
	width: 200px;
}

form#looppacks-edit-genre ul li input[type='submit'] {
	margin-left: 115px;
	padding: 5px;
	border: 1px solid #444;
	height: 20px;
	line-height: 100%;
	width: 100px;
}

form#looppacks-edit-genre ul li label[for] {
	width: auto;
}

/** edit looppack **/
form#looppacks-edit-looppack ul li {
	display: block;
	padding: 0px 0px 10px 0px;
}

form#looppacks-edit-looppack  ul li label {
	display: inline-block;
	float: none;
	font-weight: bold;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	width: 100px;
	vertical-align: top;
}

form#looppacks-edit-looppack ul li input[type='text'], form#looppacks-edit-looppack table td input, form#looppacks-edit-looppack ul li textarea {
	border: 1px solid #444;
	height: 20px;
	width: 400px;
}

form#looppacks-edit-looppack ul li select {
	width: 200px;
}

form#looppacks-edit-looppack ul li textarea {
	height: 300px;
}

form#looppacks-edit-looppack ul li input[name='price'] {
	width: 100px;
}

form#looppacks-edit-looppack ul li input[type='submit'] {
	margin-left: 115px;
	padding: 5px;
	border: 1px solid #444;
	height: 20px;
	line-height: 100%;
	width: 100px;
}

form#looppacks-edit-looppack ul li label[for] {
	width: auto;
}

form#looppacks-edit-looppack table {
	margin-left: 115px;
}

form#looppacks-edit-looppack table tr.stripe {
	background: #555;
}

form#looppacks-edit-looppack table td, form#looppacks-edit-looppack table th {
	border-bottom: 1px solid #444;
	padding: 8px 3px;
	width: auto;
	vertical-align: middle;
}

form#looppacks-edit-looppack table th {
	font-weight: bold;
	text-align: left;
}

form#looppacks-edit-looppack table td input {
	height: 25px;
	width: auto;
}

form#looppacks-edit-looppack table td input.admin-looppack-edit-loop-name {
	width: 250px;
}

form#looppacks-edit-looppack table td input.admin-looppack-edit-loop-bpm {
	width: 75px;
}

/* misc */
/* cache */
form#misc-cache-form ul li {
	display: block;
	padding: 0px 0px 10px 0px;
}

form#misc-cache-form ul li label {
	display: inline-block;
	float: none;
	font-weight: bold;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	width: 100px;
	vertical-align: top;
}

form#misc-cache-form ul li span {
	font-weight: bold;
}

form#misc-cache-form ul li input {
	margin-right: 15px;
}

form#misc-cache-form ul li input[type='submit'] {
	margin-left: 115px;
	padding: 5px;
	border: 1px solid #444;
	height: 20px;
	line-height: 100%;
	width: 100px;
}

form#misc-cache-form ul li label[for] {
	width: auto;
}

/* news */
table.news-index {
	width: 100%;
}

table.news-index td, table.news-index th {
	border: 1px solid #444;
	padding: 3px 0px 3px 5px;
}

table.news-index th {
	background: #444;
	font-weight: bold;
	text-align: left;
}

/* news add/edit */

form#news-form ul li {
	display: block;
	padding: 0px 0px 10px 0px;
}

form#news-form  ul li label {
	display: inline-block;
	float: none;
	font-weight: bold;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	width: 100px;
	vertical-align: top;
}

form#news-form ul li input[type='text'], form#news-form ul li textarea {
	border: 1px solid #444;
	height: 20px;
	width: 500px;
}

#content-li #content-container {
	background: white;
	color: #000;
	margin-left: 115px;
	width: 500px;
}

form#news-form ul li textarea {
	height: 600px;
}

form#news-form ul li input[type='submit'] {
	margin-left: 115px;
	padding: 5px;
	border: 1px solid #444;
	height: 20px;
	line-height: 100%;
	width: 100px;
}

form#news-form ul li span {
	color: #666;
	font-size: 11px;
	padding-left: 10px;
}

form#news-form ul li label[for] {
	width: auto;
}

/* tracking/index */

div.tracker-index-container {
	border: 1px solid #555;
	display: block;
	margin: 0px 0px 3px 0px;
	width: 97%;
}

div.tracker-index-titlebar {
	background: #555;
	clear: right;
	color: #FFF;
	display: block
	line-height: 20px;
	height: 20px;
	padding: 3px;
	text-align: left;
}

	div.tracker-index-counter {
		background: #F88200;
		display: inline-block;
		font-weight: bold;
		line-height: 20px;
		height: 20px;
		padding: 0px 4px;
	}
	
	div.tracker-index-titlebar-links {
		display: inline-block;
		float: right;
	}

div.tracker-index-region-data {
	clear: right;
	float: right;
	margin: 3px 3px auto auto;
	position: relative;
}
	div.tracker-index-region-data img {
		height: 12px;
		width: 18px;
	}
div.tracker-index-system-data {
	display: inline-block;
	margin: 3px 3px auto 3px;
	text-align: right;
	width: 20px;
	vertical-align: top;
}

div.tracker-index-tracker-data {
	display: inline-block;
	margin: 3px auto auto auto;
}

	p.tracker-index-tracker-data-entry {
		padding: 0px;
		margin: 0px;
		
	}
	
	span.tracker-index-tracker-data-time {
		color: #999;
		display: inline;
		font-size: 0.8em;
		margin-left: 3px
	}



#behindTheMusicNav{
position: relative;
float: left;
width: 960px;
height: auto;
}
#adminNav{
position: relative;
float: right;
width: 930px;
height: 20px;
}
#adminNav a{
color: #888888;
margin: 0 20px 0 0;
}
#adminNav a:hover{
color: #2db500;
}

#styleSwitcher{
position: relative;
float: left;
width: auto;
height: auto;
margin: 0 40px 0 0;
display: inline;
}




li#upload-warning-msg{
height: 40px;
}




/* -------------------------------  setup loops table(s) */

/* table wrapper div */
.uploads-setuploops-looplist-container{
position: relative;
float: left;
width: 350px;
height: auto;
border-left: 2px solid #333;
padding-left: 12px;
}
.uploads-setuploops-looplist-container:first-child{
margin: 0 10px 0 0;
border-left: none;
padding-left: 0;
}

table.uploads-setuploops-looplist-table{
width: 100%;
text-align: center;
}

table.uploads-setuploops-looplist-table td, table.uploads-setuploops-looplist-table th{
vertical-align: top;
}

/* line numbers */
th.looplist-counter, td.looplist-counter{
height: 35px;
padding: 5px 5px 0 0;
}

/* checkboxes */
th.looplist-checkbox, td.looplist-checkbox{
}
th.looplist-checkbox input, td.looplist-checkbox input{
position: absolute;
top: 7px;
}

/* bpm cells */
th.looplist-bpm, td.looplist-bpm{
}
/* bpm inputs */
th.looplist-bpm input, td.looplist-bpm input{
width: 40px;
}

/* key cells */
th.looplist-key, td.looplist-key{
}
th.looplist-key select, td.looplist-key select{
height: 25px;
}

/* name and apply button cells */
th.looplist-apply, th.looplist-name, td.looplist-name{
}
/* name and apply button inputs */
th.looplist-apply input, th.looplist-name input, td.looplist-name input{
width: 100px;
}
















.looplist-apply-button{
width: auto;
height: auto;
padding: 5px;
color: #222222;
background: #2db500;
cursor: pointer;
font-weight: bold;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #2db500;
/* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJkYjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxODg0MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #2db500 0%, #188400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2db500), color-stop(100%,#188400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #2db500 0%,#188400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #2db500 0%,#188400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #2db500 0%,#188400 100%); /* IE10+ */
background: linear-gradient(top,  #2db500 0%,#188400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2db500', endColorstr='#188400',GradientType=0 ); /* IE6-8 */
}
.looplist-apply-button:hover{
background: #555555;
color: #ffffff;
}