*:focus {
outline: 0;
}
html, body
{
height: 100%;
min-height: 100%;
max-height: 100%;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

a:link {color:#990000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:underline; text-indent:10px;}
a:hover {color:#006600; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:underline; text-indent:10px;}
a:active {color:#990000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:underline; text-indent:10px;}
a:visited {color:#990000; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:underline; text-indent:10px;}

a.rep:link {color:#990000; line-height:24px; font-family:arial, sans-serif; font-size:14px; text-decoration:underline; text-indent:10px;}
a.rep:hover {color:#006600; line-height:24px; font-family:arial, sans-serif; font-size:14px; text-decoration:underline; text-indent:10px;}
a.rep:active {color:#990000; line-height:24px; font-family:arial, sans-serif; font-size:14px; text-decoration:underline; text-indent:10px;}
a.rep:visited {color:#990000; line-height:24px; font-family:arial, sans-serif; font-size:14px; text-decoration:underline; text-indent:10px;}

#newfooter{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-top:10px;
margin-bottom:15px;
margin-right: auto;
margin-left: auto;
width: 980px;
text-align:center;
}

#navcontainer {
	/*
	background-image:url(images/MenuBg.jpg);
	background-repeat: repeat-y;
	*/
	background-color:#343434;
}

#navcontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
}

#navcontainer a
{
	display: block;
	width: 167px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	height: 22px;
	line-height: 22px;
	padding-left: 6px;
	/*background-image: url(images/MenuButton.jpg);*/
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
	color: #fff;
	background-image: url(images/MenuButtonHover.jpg);
}
.a {
	position:relative;
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position:0px 0px;
	width:50px;
	height:0px;
	padding:0px 0px 0px 0px;
}
.b {
	position:absolute;
	width:269px;
	font-size:24pt;
	border:0;
	background-color:transparent;
	top: -19px;
	left: 0px;
}
.footerMenu{
white-space:nowrap;
}
.footerItem{
white-space:nowrap;
display:inline;
}
#container{
	width: 970px;
	margin: 0 auto; 
	top:0px;
	text-align:center;
	position: relative; 
}
#searchLayer {
	position:absolute;
	top:88px;
	width:260px;
	height:28px;
	z-index:1;
	left: 650px;
}
.searchField {
border:0;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
width:270px;

}
#ads{

}
.adLinkText{
margin:5px;
margin-top: 0px;
margin-bottom: 0px;
padding:0px;
border: 1px dashed #006600;
cursor:pointer;
}
.adLinkImage{
/*
margin:5px;
padding:0px;
position:relative;
display:block;
*/
cursor:pointer;
display:block;
padding:0px;
margin-left:-5px;

}
.adLinkImage img{
border-style:none;
}
.adLinkSpaces{
margin:0px;
padding:0px;
height:0px;
}
a.adLinkA:link {color:#FFFFFF; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:underline; text-indent:10px; border-style:none;}
a.adLinkA:hover {color:#FFFFFF; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:underline; text-indent:10px; border-style:none;}
a.adLinkA:active {color:#FFFFFF; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:underline; text-indent:10px; border-style:none;}
a.adLinkA:visited {color:#FFFFFF; line-height:24px; font-family:arial, sans-serif; font-size:12px; text-decoration:underline; text-indent:10px; border-style:none;}

#screenshot{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
.moescreenshot{
	position:absolute;
	float:right;
}
.moescreenshot3{
	position:relative;
}
.moescreenshot2{
	background:#333;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	position:absolute;
	display:inline;
	bottom:-40px;
	left:-1px;
	width:100%;
	height:40px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
}
#products{
clear:both;
display:block;
}
.loginformclose a:link{
color:#00CC00;

}
.loginformclose a:hover{
color:#660000;

}
.prodSection{
	clear:both;
}
.prodSectionTitle {
	font:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:12px;
	padding-top:20px;
	clear:both;
}
.prodSectionTitle a:link a:active a:visited{
	color:#990000;
	text-decoration:none;
}
.prodSectionTitle a:hover{
	color:#990000;
	text-decoration:underline;
}
.prodSubSection {
  	text-align: center;
}
.prodrow{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D9DDE3;
	padding-top: 20px;
	padding-bottom: 10px;
}
.prodBox {
	margin: 1px 1px 1px 0;
  	text-align: center;
	display: -moz-inline-box;
	display: inline-block;
	float:left;
	border: 1px dotted #999999;
}
.prodBoxQty {
	background-color:#666666;
	font-size:12px;
	color:#000000;
	width:42px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
}
.prodBoxPrice {

}
.prodBoxQty a{
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
	font-weight: bold;
}
.prodBoxQty a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu2{
	padding: 0;
	width: 100%; /*Brown color theme*/
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #434343;
}

#modernbricksmenu2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu2 a{
float: left;
display: block;
font: bold 10px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

#modernbricksmenu2 a:hover{
background-color: gray;
}

#modernbricksmenu2 #current a{ /*currently selected tab*/
	background-color: #434343; /*Brown color theme*/
	color: white; /*Brown color theme*/
	border-top-color: #434343;
	border-right-color: #434343;
	border-bottom-color: #434343;
	border-left-color: #434343;
}
#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
text-align:center;
}

#modernbricksmenu a{
float: left;
display: block;
font: bold 10px Arial;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 0px;
text-decoration: none;
letter-spacing: 1px;
background-color: black; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color: gray; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
	background-color: #434343; /*Brown color theme*/
	border-top-color: #434343;
	border-right-color: #434343;
	border-bottom-color: #434343;
	border-left-color: #434343;
}

#modernbricksmenuline{
	clear: both;
	padding: 0;
	/*width: 100%;*/
	height: 5px;
	line-height: 5px; /*Brown color theme*/
	background-color: #434343;
	margin-right:10px;
}
#adminArea{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #434343;
	border-bottom-color: #434343;
	border-left-color: #434343;
	position: relative;
	top: -5px;
	padding: 10px;
	overflow:auto;
	min-height:100px;
	margin-right:10px;
}

.prods{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
top:-6px;
position:relative;
}
.prodName{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.prodPartNumber{

}
.prodPartNumber span{
font-weight:bold;

}
.prodPartTitle{
	line-height: 12px;
}
.ffield { 
display: none;
}
.colBoxGroup{
margin:0 0 0 0;
padding:0 0 0 0;
position:relative;
left:0px;
}
.colBox{
	float:left;
	margin:0 1px 1px 0;
	padding:0;
	height: 124px;
	width: 200px;
}
/*
.alphaButt
{
padding: 0px;
margin: 0px;
float:left;
width:300px;
}

.alphaButt ul
{
list-style: none;
padding: 2px;
margin: 2px;
}

.alphaButt li
{
display: inline;
padding: 0px;
margin: 1px;
}

.alphaButt a
{
background-color: #77955F;
text-decoration: none;
color: #fff;
border: 1px solid #000;
padding-left: 5px;
padding-right: 5px;
}

.alphaButt a:hover
{
color: #fff;
background-color: #4F633F;
border: 1px solid #000;
}
*/
.alphaField{

}
.alphaButt{
float:left;
position:relative;
left:230px;
text-align:left;
width:475px;
}
.alphaButt ul{
list-style:none; 
position:relative;
left:-50%;
} 

.alphaButt li{
float:left;position:relative;
}/* ie needs position:relative here*/

.alphaButt a{
	text-decoration:none;
	margin:1px;
	float:left;
	text-align:center;
	white-space:nowrap;
	width:25px;
	background-image: url(images/btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	text-indent: -1px;
	color:#000000;
	font-weight:bold;
}
.alphaButt a:hover{
	background-image: url(images/btn_hover.png);
}
.alphaButt ul li input{
position:absolute;
width:114px;
top:5px;
left:4px;
}
.alphaButt ul li span a{
position:absolute;
top:5px;
left:125px;
background-image: none; 
background-color: transparent; 
background-repeat: repeat; 
background-attachment: scroll; 
background-position: 0% 0% 
}
.alphaButt span a:hover{
background-image: none; 
background-color: transparent; 
background-repeat: repeat; 
background-attachment: scroll; 
background-position: 0% 0% 
}
.linkboxes { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
margin:0;padding:0;
} 

.linkboxes a:link, .linkboxes a:visited, .linkboxes a:active{ 
color:black; 
background-color: #FFFFFF; 
border: 1px solid #FF0000; 
margin: 1px; 
text-decoration: none; 
padding: 1px 5px;
} 

.linkboxes a:hover { 
color:white; 
background: #000000; 
border: 1px solid #FF0000; 
margin: 1px; 
text-decoration: none; 
padding: 1px 5px; 
} 

.linkcurrent { 
background-color: #FF0000; 
border: 1px solid #FF0000; 
color: #FFFFFF; 
font-weight: bold; 
margin: 1px; 
padding: 1px 5px; 
}
#pageLogin{
float:right;
right:30px;
position:relative;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
height:30px;
}

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

/*
button {
	border:0;
	cursor:pointer;
	font-weight:bold;
	padding:0 15px 0 0;
	text-align:center;
	background:url(/images/btn_blue_right.gif) right no-repeat; 
}
button span {
	position:relative;
	display:block;
	white-space:nowrap;
	padding:0 0 0 30px;
	height:25px;
	line-height:25px;
	color:#000;
	font-weight:bold;
	font-size:12px;
	text-transform: uppercase;
	background-image: url(/images/btn_blue_left.gif);
	background-repeat: no-repeat;
	background-position: left;
}

button:hover {
	background:url(/images/btn_blue_right_hover.gif) right no-repeat; 
}
button:hover span {
	background:url(/images/btn_blue_left_hover.gif) left no-repeat; 
}
*/
/*************************************/
/* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.genBtn {
	height:25px;
	line-height:25px;
	padding: 0 15px 0 0;
	background: transparent url(images/btn_blue_right.png) no-repeat right;
	margin-right:5px;
	font-size:14px;
	text-align: center;
	font-weight:bold;
}
	
button.genBtn span {
	height:25px;
	line-height:25px;
	padding: 0 0 0 15px;
	background: transparent url(images/btn_blue_left.png) no-repeat left;
	color:#000;
	font-size:14px;
	text-align: center;
	font-weight:bold;
}
	
button.genBtn:hover, button.genBtnHover { /* the redundant class is used to apply the hover state with a script */
	/*background-position: right -210px;*/
	background:transparent url(/images/btn_blue_right_hover.png) right no-repeat; 
}
	
button.genBtn:hover span, button.genBtnHover span {
	/*background-position: 0 -70px;*/
	background:transparent url(/images/btn_blue_left_hover.png) left no-repeat; 
}
.showMore{
	background-image: url(/images/expand.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.showMore a{
color:#FFFFFF;
text-decoration:none;
}
.showLess{
	background-image: url(/images/collapse.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.aSpacer{
/*left:10px;*/
position:relative;
padding-left:10px;
color:#FFFFFF;
text-decoration:none;
}
.aSpacer2{
left:-10px;
position:relative;
}

#calendar-me {
	margin: 20px;
}
#ads a img{
margin-left: -6px;
padding-left: -6px;
float: none;
}
.spacer{
height:5px;
}
.logininput{
	width: 100px;
}

/* datepicker */
/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #ACD6F5;
}
div#tcal td.today {
	border: 1px solid red;
}
div#tcal td.selected {
	background-color: #FFB3BE;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
}
.repIntro1{

}
.repIntro2{

}
.repIntro3{

}

/* custom upload */
.hiddenIframe{
	display:none;
	visibility:hidden;
}
#uploadDiv{
	margin-left:auto;
	margin-right:auto;
	width: 400px;
	background-color: #CCCCCC;
	border:#333 solid 3px;
	padding: 15px;
	margin: 2px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
  	-webkit-border-radius:  10px 10px 10px 10px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#CustomUploadForm{
	width: 100%;
}
#uploadDiv input{
	position:relative;
	width: 280px;
}
#uploadDiv textarea{
	height:100px;
	
}

#uploadDiv label {
	/*width: 160px;
	display: block;
	float: left;
	font-size: 1.2em;
	*/
}
#douploadsubmitBtn{
	width: 100%;
	text-align:center;
}
#douploadsubmitBtn input{
	margin-left:auto;
	margin-right:auto;
	width: 280px;
	position:relative;
}
#uploadDiv textarea{
	margin-left:auto;
	margin-right:auto;
	width: 380px;
	position:relative;
}
.left{
  float:left;
  width: 100%;
}
#uploadDiv .right input{
	width: 50px;
}
#uploadHolderDiv{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#CustomUploadForm select, #CustomUploadForm option {
    font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
/* end custom upload */