/* default css stylesheet for a new web application project */

/* code for the forms scrollbar */
html, body {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  background-color: white;
  color: black;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
  scrollbar-face-color: #DEE3E7;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #DEE3E7;
  scrollbar-3dlight-color: #D1D7DC;
  scrollbar-arrow-color: #006699;
  scrollbar-track-color: #EFEFEF;
  scrollbar-darkshadow-color: #98AAB1;
}
body.nobg {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  background-color: #6b6bb7;
  color: white;
  margin-top: -1em;
  margin-right: -1em;
  margin-bottom: -1em;
  margin-left: 2px;
/*  background-image: url("../images/speck?r=107&g=107&b=183");   need this? */
  scrollbar-face-color: #DEE3E7;
  scrollbar-highlight-color: #FFFFFF;
  scrollbar-shadow-color: #DEE3E7;
  scrollbar-3dlight-color: #D1D7DC;
  scrollbar-arrow-color: #006699;
  scrollbar-track-color: #EFEFEF;
  scrollbar-darkshadow-color: #98AAB1;
}
body.greybg {
  /* background-color: #F5431D; */
  /*   background-color: #464646; */
  /*  background-color: #EEE9D5; */
  /*   background-color: #DDDDDD; */
  background-color: #464646;
  /*   background-color: #FFFFC0; */
}
img.left {
  margin-right: 10px;
  float: left;
}
img.right {
  margin-left: 7px;
  float: right;
}
p, pre, span, ul, li, cite, footer {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 16px;
  
  margin-top: 8px;
  margin-left: 30px;
  margin-right: 26px;
  
}
hr {
  width:90%;
  text-align:center;margin-left:auto;margin-right:auto;
}

td, table, tr {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  
}
.caption {
  font-size: 11px;
}
.mlmsmall {
  font-size: 9px;
  scrollbar-3dlight-color: gold;
  scrollbar-arrow-color: yellow;
  scrollbar-base-color: tomato;
  scrollbar-darkshadow-color: orange;
  scrollbar-face-color: teal;
  scrollbar-highlight-color: hotpink;
  scrollbar-shadow-color: magenta;
}

h1 {
	
	color:white; 
	padding: 0 4px 0 24px;
	
	
  font-size: 24px;
  line-height: 30px;
  font-style: normal;
  margin-top: 6px;
  margin-right: 0px;
  margin-bottom: 6px;
  /*background-color: purple;
color: #ffffff;*/
}
h1.subhead, h2 {
  font-size: 20px;
  line-height: 26px;
  margin: 4px 0px 12px 0px;
  padding: 1px 1px 1px 0px;
}
h3, .h3 {
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  margin: 4px 0px 12px 30px;
  padding: 1px 1px 1px 0px;
}

h4, h5, h6, th, thead, tfoot {
  margin: 10px 6px 4px 0px;
  padding: 1px 1px 1px 1px;
}
th {
  vertical-align: baseline;
}

/*
}
h3
{
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: bold;

}
h4, dt
{
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: bold;

}
h5
{
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: bold;
font-style: italic;
}
h6
{
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
font-size: 10px;
font-weight: bold;
font-style: italic;
}
*/

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

/*a:link {
  text-decoration: underline;
  color: #000000;
}
a:visited {
  text-decoration: underline;
  color: #000000;
}
a:active {
  text-decoration: none;
  color: #666666;
}
a:hover {
  text-decoration: none;
  color: #666666;
} */

a.buynowlink, a.buynowlink:hover {
  color: #ffffff;
  background-color: #278df3;
  font-weight: bold;font-size:14px;
  padding: 8px;height:32px;
  text-decoration: none;
  }
  
.submitlink , .submitlink:hover {
  color: #ffffff;
  background-color: #278df3;
  font-weight: bold;font-size:16px;
  padding: 12px;height:40px;
  text-decoration: none;  
}

a:link.navbar {
  text-decoration: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  color: #000000;
}
a:visited.navbar {
  text-decoration: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  color: #000000;
}
a:active.navbar {
  text-decoration: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  color: #000000;
}
a:hover.navbar {
  text-decoration: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  color: #fdf1f3;
  background: #000000;
}
a:link.navbarrev {
  text-decoration: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  color: #fdf1f3;
  background: #000000;
}
a:visited.navbarrev {
  text-decoration: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  color: #fdf1f3;
  background: #000000;
}
a:active.navbarrev {
  text-decoration: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  color: #fdf1f3;
  background: #000000;
}
a:hover.navbarrev {
  text-decoration: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  color: #000000;
  background: #fdf1f3;
}
.navbar {
  text-decoration: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  color: #000000;
}
.navbarrev {
  text-decoration: none;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  color: #fdf1f3;
  background: #000000;
}
small {
  font-size: 8px;
}
big {
  font-size: 14px;
}
blockquote {
  font-family: "Courier New", monospace;
}
.cite {
	display:inline;font-style:normal;
	}
.nothing {
  font-size: 2px;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}
.bodyheader, .formheader {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.2;
  font-style: normal;
  text-align: center;
}
.formbutton {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
}
.inputlabel {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  text-align: right;
}
.inputdata {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  text-align: left;
}
.errormessage {
  font-family: "Courier New", fixed;
  font-size: 10px;
  font-weight: bold;
  color: #ff0000;
  text-align: left;
}
.errornotice, .notice {
  font-family: "Courier New", fixed;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-align: left;
}
.bodycontent {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 12px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 6px;
  margin-right: 0px;
  padding: 0px 0px 0px 0px;
}
.ptbackground {
  font-size: 2px;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url("images/horse.gif");
  background-position: top left;
  background-repeat: no-repeat;
}
.bsbackground {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url("jpgs/d15redowhwhsztr3.jpg");
  background-position: top left;
  background-repeat: no-repeat;
}
.btbackground {
  font-size: 2px;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url("images/speck.asp?r=224&g=192&b=224");
  background-position: top left;
  background-repeat: repeat;
}
.bbbackground {
  font-size: 12px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url("images/speck.asp?r=255&g=255&b=255");
  background-position: top left;
  background-repeat: repeat;
}
.pbbackground {
  font-size: 2px;
  line-height: 1;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-image: url("images/speck.asp?r=240&g=000&b=240");
  background-position: top left;
  background-repeat: repeat;
}
.bcbackground {
  background-color: #F8F0C9;
  background-position: top left;
  background-repeat: repeat;
}
.bcspacing {
  margin-left: 0;
  padding-left: 20px;
  padding-right: 12px;
}
.producttype {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  color: #cc0000;
}
.productname {
  font-weight: bold;
  font-style: italic;
}
.packingslipfrom {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  font-style: bold;
}
.packingslip {
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  font-style: bold;
  margin-left: 120px;
}
.artist {
  font-weight: bold;
}
.album {color: black;
}
.onlight {color:black;
}
.ondark {color:white;
}
a.buynowlink, a.buynowlink:hover {
	color: #ffffff;
	background-color: #278df3;
	font-weight: bold;
	padding: 6px;
	text-decoration: none;
}
@media (max-width: 539px) {
#doclear {
clear: both;}
}
@media (max-width: 550px) {
#wreckpic {   text-align: -webkit-center; 
text-align: center;}
#alignright,.alignright {   text-align: -webkit-center; 
text-align: center;}
#alignleft,.alignleft {   text-align: -webkit-center; 
text-align: center;}
#doclear {
}
}
@media (min-width: 551px) {
#wreckpic {float: right;
}
#alignright,.alignright {float:right; width:47%;
}
#alignleft,.alignleft {text-align: -webkit-center; 
text-align: center;
}

}

@media (min-width: 767px) {
#wreckpic {float: right;
}
#alignright,.alignright {float: right;
}
#alignleft,.alignleft {float: left;margin-right:40px;
}

}
ol, ul {

}

ul.archive {
  list-style-type: none;
  margin: 0;
  padding: 0;
  
}
li {
margin-top:10px; 
}

.videoBlock {
                max-width: 700px;
                margin-right: auto;
                margin-left:auto;
}	

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media (max-width: 511px) {

.videomax {margin-right:auto;margin-left:auto;text-align: -webkit-center; 
text-align: center;}
}
@media (min-width: 512px) {
.videomax {max-width:512;margin-right:auto;margin-left:auto;
}

}