@charset "utf-8";
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.button, .button:visited{
    background-color: #C0C0C0;
  	display: inline-block; 
  	padding: 5px 10px 6px; 
  	color: #fff; 
  	text-decoration: none;
  	-moz-border-radius: 5px; 
  	-webkit-border-radius: 5px;
  	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
  	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
  	cursor: pointer;
    font-size: 11px;
	margin:10px 3px 4px 3px;
}
.button:hover{
    background-color: #222; 
    color: #fff;
}
.login {width:350px}
.loginLabels {width:50%; text-align:right;}
.loginInput {text-align:left}
.error {color:red}
#tables { margin-left:auto; margin-right:auto;}
.content #mainTable {margin-left: auto; margin-right: auto}
.seriesinfotitles {text-align:center; font-size:1.5em}
.seriesinfoleft { text-align:left; font-size:1em}
.seriesinforight{ text-align:right; font-size:1em}
.seriesinfocenter{ font-size:1em}
.techbox { padding:1em}
#topalign {vertical-align:top}
.installphoto {width:50%}
.colors {width:50%}
.sizeBox {width:100%}
.sizeBoxLeft {width:50%}
.oddDesc{width:300px; text-align:left}
.oddQty{width:125px; text-align:left}
.oddUnit{ width:125px; text-align:left}
.oddPrice{ width:125px; text-align:right}
.editAcctFields
#sizeDivide{ border-bottom:medium; background-color:#999999}

.newstable{ font-size:12px; padding:2em}
.newstablestory{padding-right:1em}
.newstablecolumn{ border:solid;
border-right:none;
border-left:.5px solid #000 ;
border-top:none;
border-bottom:none}

.seriesNavSelect { background-color:#CCC; }

.seriesNavSelect a { color:#000; text-decoration:none; font-weight:200;
}
.seriesSizes { text-align:left; width:75%;}


body { font-family:Verdana, Arial, Helvetica, sans-serif;
scrollbar-face-color:#000000;
	color:#CCCCCC;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:5;
	background-color: #000000;
	text-align:center;
}
a { color:#CCCCCC}
img{border:0px}
.header{ height:75px; background:#000000 url(images/background.gif) repeat-x top;}
.main-logo {position: relative; float:left; background: url(images/logo.gif)} 


#seriesname {font-size: 3em}

.updatetable{ background-color:#FFFFFF; color:#000000; font-size:12px}
.updatetable a {color:#000000}
#collectionname {font-size: 1.25em;}
#colorpallet { position:relative; float:left}
  tables {width:800px}
  .top {width:800px}
  .address {position: relative; top: -5px; color:#000000;}
  .telephone {position:relative; top:10px}
/*Navigation Stuff*/
.nav {position:relative; top:-13px; z-index:901}
	.nav ul {list-style:none; margin:0; padding:0; }
	.nav ul * { position:relative; text-decoration:none; z-index:900  }
	.nav ul li {  width: 5em; float: left; text-align: center}
	.nav ul li a { display: block; line-height: 1.2em; color:#000000 }
	.nav ul li a:hover { text-decoration:underline; background-color:#FF0000; }
	.nav ul ul { position:absolute; float:left; left:0; z-index:899; }
	.nav ul ul li {width:9em; background-color:#999999; border: 1px white solid;   }
	.nav ul ul ul { position: absolute; float:left;  top: 0; left: 100%; z-index:898; }
	.nav ul ul ul li { background-color:#CCCCCC}
	.nav ul li ul { background-position: bottom; margin-left: -1px; }
	.nav ul ul,
	.nav ul li:hover ul ul, 
	.nav ul li:hover ul ul ul, 
	.nav ul ul li:hover ul ul ul ul
	 {display:none;}
	.nav ul li:hover ul, 
	.nav ul li li:hover ul,
	.nav ul li li li:hover ul,
	.nav ul li li li li:hover
	 {display:block;}  
#tables { margin-left:auto; margin-right:auto;
}
.content #mainTable {
	margin-left: auto;
	margin-right: auto;
}
/*Forms*/
form.login , form.register, form.editaccount, .adminpanel{
	
	position:relative;
	height:auto;
    margin:0 auto;
    border:1px solid #ccc;
    
    -moz-border-radius: 20px;
    -webkit-border-radius:20px;
    padding:20px;
	text-align: left;
}
form.login{
	width: 150px;
	
}
form.register{
	width: 600px;
	height:440px;
}
form.editaccount{
	width: 400px;
}
.forgotpw{
  width:200px;
}

form label{
    display: block;
    margin: 3px;
	font-weight:bold;
}
.login_row{
    float:left;
    clear:both;
	width:100%;
}
.login_row input[type=checkbox]{
    float:center;
}
.login_row label{
    float:left;
}

input[type=text], input[type=password]{
  border:1px solid #ccc;
  padding:2px;
}
input:focus{
	background-color:#EFFFF3;
}

form .fieldset1, form .fieldset2{
    border:1px solid #ccc;
    padding:6px;
    margin:10px;
    float: left;
    border-left:none;
    border-right:none;
    border-bottom:none;   
}
form .fieldset1{
    width:260px;
}
form .fieldset2{
    width:90%;
    margin:0px;
}
form legend{
    text-align:right;
    color:#888;
    font-size:14px;
    padding:0px 4px 0px 4px;
    margin-left:5px;
}.largeCollectionIcon {
	margin: 5px;
	padding: 5px;
	float: left;
	height: 75px;
	width: 350px;
	background-color: #999;
	clear: none;
	top: auto;
	bottom: auto;
	left: auto;
	right: auto;
	position: relative;
	z-index: 980;
}
a .largeCollectionIcon {
	font-size:24px;
	font-weight:400;}