/* Fonts start here ****************************************************************************/
html{ font-size:100%; }

/*common to all background pictures*/
#BackGroundPic {
	height:100%;
	width:100%;
	position: absolute; top: 0; left: 0;
}

#yui-history-iframe {
  position:absolute;
  top:0; left:0;
  width:1px; height:1px;
  visibility:hidden;
}
a:link {color:#000066;}
a:visited {color:#000066;}
a:hover{color: #0000FF;}
a:active {color: #3300FF;}

body {
	background-color: #BEC9FF;
	font-size:100%;
}

form {vertical-align: middle;}

#jsript {display:block;}
#nojsript {display:none;}


/* lists style*************************************************/
ul {
	list-style-type: disc;
	list-style-position: outside;
}
li {
	line-height: 1.625em;
}

.ie .ul { 
	margin-left: .9375em;
}

/* Products Menu ****************************************************************/
/* Products Menu container */
.menu {
	width:100%;
	padding: 0 0 .625em .3125em;
	margin:0em 0em 0em .625em;
	color: #000066;
	font-size:.6875em;
}
/* Menu styles */
.menu ul {
	margin:0em;
	padding:0em;
	text-decoration:none;
}
.menu li	{
	margin:0em 0em 0em 0em;
	padding:0em;
	list-style-type:none;
	text-align:left;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}
/* Submenu styles */
.menu ul ul {
}
.menu li li {
	margin:0em 0em 0em 1em;
}
/* Symbol styles */
.menu .symbol-item,
.menu .symbol-open,
.menu .symbol-close
	{
	float:left;
	width:1em;
	height:1em;
	background-position:left center;
	background-repeat:no-repeat;
	margin-right:.125em;
	margin-bottom:.125em;
	}
.menu .symbol-item  { background-image:url(images/tree_css/page.png); }
.menu .symbol-close { background-image:url(images/tree_css/plus.png);}
.menu .symbol-open  { background-image:url(images/tree_css/minus.png); }
.menu .symbol-item.last  { }
.menu .symbol-close.last { }
.menu .symbol-open.last  { }

/* Menu line styles */
.menu li.item  { font-weight:normal; }
.menu li.close { font-weight:normal; }
.menu li.open  { font-weight:bold; }
.menu li.item.last  { }
.menu li.close.last { }
.menu li.open.last  { }

a.menulink:link {text-decoration:none;}
a.menulink:hover {
color:#0000FF;
text-decoration:underline;
}
a.menulink:active {color: #0000FF;}

/* Font styles ********************************************************************/
h1, h2, h3, h4, h5, h6 {
	color:#000066;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	display:inline;
}
.style1 {
	font-family: Times, serif;
	color: #000066;
}
.style5 {
	font-weight: bold;
}
.Sale {
	color:#FF0000;
	font-style: italic;
	font-weight: bold;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}
.black1-1xx-small, .black1-2x-small, .black1-3small, .black1-4medium,  .black1-5large, .black1-6xlarge, .black1-7xxlarge {
	color: #000000;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}
.white1-1xx-small, .white1-2x-small, .white1-3small, .white1-4medium, .white1-5large, .white1-6xlarge, .white1-7xxlarge {
	color: #FFFFFF;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}
.blue1-1xx-small, .blue1-2x-small, .blue1-3small, .blue1-4medium, .blue1-5large, .blue1-6xlarge, .blue1-7xxlarge {
	color: #000066;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}
.black1-1xx-small, .white1-1xx-small, .blue1-1xx-small {font-size: .5625em;}
.black1-2x-small, .white1-2x-small, .blue1-2x-small {font-size: .625em;}
.black1-3small, .white1-3small, .blue1-3small {font-size: .6875em;}
.black1-4medium, .white1-4medium, .blue1-4medium {font-size: .75em;}
.black1-5large, .white1-5large, .blue1-5large {font-size: .875em;}
.black1-6xlarge, .white1-6xlarge, .blue1-6xlarge {font-size: 1em;}
.black1-7xxlarge, .white1-7xxlarge, .blue1-7xxlarge {font-size: 1.125em;}

textarea {font-family:  Verdana, Arial, Helvetica, sans-serif;
}
fieldset {
color:#000066;
font-size: .625em;
font-family:  Verdana, Arial, Helvetica, sans-serif;
border-style:solid;
border-width:.0625em;
}
input.radiosize {
	height:.6875em;
	vertical-align:middle;
}
select {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	border: thin solid #CCCCCC;
}
caption {
color:#000000;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}
marquee {
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 1.125em;
}
table {
font-family:  Verdana, Arial, Helvetica, sans-serif;
}
th {
font-family:  Verdana, Arial, Helvetica, sans-serif;
}
label,legend {
color:#000066;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: .6875em;
}


/*Common to muliple documents start here***************************************************************************************/
#CenteringWrap {
	width:100%;
}
#pgBox2 {
	position:relative;
	height:35em;
	width: 95%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
/*home_vis Layer styles start here***************************************************************************************/

#pgBox {
	position: relative;
	width: 60em;
	height: 48em;
	background-color: #FFFFFF;
	border: .0625em solid #000066;
	z-index: 1;
	margin-left:auto;
	margin-right:auto;
	top: 0em;
}
#ReqQue {
	width:11.6875em;
	height:0em;
	z-index:30;
	position: static;
	visibility: hidden;
	float: right;
	clear: both;
}
#hb1 {
	width: 60em;
	z-index:28;
	position: absolute;
	top: 0em;
	height: 5.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	overflow:hidden;
}

#hb1PicLayer{
	width: 60em;
	height: 6em;
	position:absolute;
	top: 0; left: 0;
	z-index:26;	
}
#LogoPicLayer{
	width: 3.4375em;
	height: 3.4375em;
	position:absolute;
	top: .125; left: 2.5em;
	z-index:27;	
}
#CompanyName {
	z-index:29;
	Position:absolute; top: 1.5em; left: 0;
	width: 8.5em;
}
#hb2 {
	width: 60em;
	border-top: .0625em solid #000066;
	border-bottom: .0625em solid #000066;
	z-index:28;
	background-color: #BEC9FF;
	position: absolute;
	top:6em;
}	
#hb3 {position:absolute; width:60em; top:8em; overflow:hidden; z-index:1;}
#Ajust, #Search {
	position:relative;
	float:left;
	z-index:2;
	height:1.25em;
	vertical-align:middle;
	padding:.375em .375em .375em .375em;
}
#Ajust {
	width:12.375em;
}
#Search {
	width:34.3125em;
}
#Quote {
	position:relative;
	float:left;
	z-index:2;
	height:2em;
	padding-top:.25em;
	text-align:center;
}
#Ajust {border-right: .0625em solid #000066;}
#Search {border-right: .0625em solid #000066;}
#Quote {padding-left:.5em; float:left;}
.grayinputbox {
	border-top: .0625em solid #cccccc;
	border-left: .0625em solid #cccccc;
	border-right: .0625em solid #cccccc;
	border-bottom: .0625em solid #cccccc;
	font-size: .75em;
}
.small_imput_button {
	font-size: .75em;
	color:#000066;
	font-weight:bold;
	margin-left: .25em;
	margin-right: .25em;
	vertical-align:middle;
}
#ProdTree {
	width:13.125em;
	z-index:1000;
	position: absolute;
	top: 10em;
	border-top: .0625em solid #000066;
	overflow:hidden;
}
#PTbox {
	position:relative;
	width: 13em;
	height:1.5em;
	margin-top:.5em;
	z-index:37;
	float: left;	
}
#Products {
	z-index:1000;
	overflow: auto;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 35em;
	position:relative;
	float: left;
	width: 13em;
}
#ResultsBox {
	z-index:35;
	background-color: #FFFFFF;
	width: 35.0625em;
	position: relative;
	border-top: .0625em solid #000066;
	border-left: .0625em solid #000066;
	border-right: .0625em solid #000066;
	top: 10em;
	left: 13.125em;
	overflow:hidden;
	height: 37.9375em;
}
#Results{
	position: relative;
	float: left;
	overflow-y: auto;
	overflow-x: hidden;
	width: 35.0625em;
	height: 36em;
	overflow: auto;
}
#sidebar {
	width:10.8125em;
	height:37.5em;
	z-index:35;
	position: absolute;
	overflow:hidden;
	border-top: .0625em solid #000066;
	padding-top: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	left: 48.1875em;
	top: 10em;
}

#frmsubmit {
	position:relative;
	z-index:1;
	float: left;
	padding-left: 0.3125em;
	padding-right: 0.3125em;
	height: 1.5em;
	width: 2em;
}
#LayerAjaxLoader {
 	position:absolute;
	display:none;
	width:1.5625em;
	height:1.5625em;
	left:16.9375em;
	top:10em;
	z-index:1;
}
#LayerAjaxLoader2 {
 	position:absolute;
	display:none;
	width:1.5625em;
	height:1.5625em;
	left:30em;
	top:18em;
	z-index:1000;
}


/*products.php Layer css start here***************************************************************************************/
#ProdList {
	width:100%;
	overflow:hidden;
	position:relative;
	float:left;
	padding-bottom:2em;
}
#TitleLayer {
	position:relative;
	width:100%;
	z-index:2;
	text-align:center;
	margin-top:1em;
}
#ListBoxLayer {
	z-index:1;
	width: 24.5em;
	height: 100px;
	border: thin #000066;
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
}
#ListThumbLayer {
	position:absolute;
	width: 120px;
	height: 100px;
	border: thin #000066;
}
#ListDetailLayer {
	position:absolute;
	left: 13.5em;
	padding-top:10px;
	height: 100px;
	border: thin #000066;
}
#ListEndLayer {
	position:relative;
	width:100%;
	z-index:2;
	text-align:center;
	margin-top:1em;
}

#SortBar1, #SortBar2, #SortBar3, #SortBar4 {
	position:relative;
	float:left;
	width: 100%;
	border-bottom: .0625em solid #000066;
	background-color:#BEC9FF;
}
#Sort_Title1, a.SortBar1B1, a.SortBar1B2, a.SortBa1rB3, a.SortBar1B4,
#Sort_Title2, a.SortBar2B1, a.SortBar2B2, a.SortBar2B3, a.SortBar2B4,
#Sort_Title3, a.SortBar3B1, a.SortBar3B2, a.SortBar3B3, a.SortBar3B4,
#Sort_Title4, a.SortBar4B1, a.SortBar4B2, a.SortBar4B3, a.SortBar4B4 {
	position:relative;    
    float:right;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	font-weight:bold;
	color: #000066;
    text-decoration: none;
	padding-top:.5em;
	padding-bottom:.75em;
	border-right: .0625em solid #000066;
	background-color:transparent;
}
#Sort_Title1, #Sort_Title2, #Sort_Title3, #Sort_Title4 {
	text-align:right;
	padding-right:.25em;
}
a.SortBar1B1, a.SortBar2B1, a.SortBar3B1, a.SortBar4B1 {width:10%;}
a.SortBar1B2, a.SortBar2B2, a.SortBar3B2, a.SortBar4B2 {width:25%;}
a.SortBar1B3, a.SortBar2B3, a.SortBar3B3, a.SortBar4B3 {width:26%;}
a.SortBar1B4, a.SortBar2B4, a.SortBar3B4, a.SortBar4B4 {width:24%; border-right:none;}
a.SortBar1B1:hover, a.SortBar1B2:hover, a.SortBar1B3:hover, a.SortBar1B4:hover,
a.SortBar2B1:hover, a.SortBar2B2:hover, a.SortBar2B3:hover, a.SortBar2B4:hover,
a.SortBar3B1:hover, a.SortBar3B2:hover, a.SortBar3B3:hover, a.SortBar3B4:hover,
a.SortBar4B1:hover, a.SortBar4B2:hover, a.SortBar4B3:hover, a.SortBar4B4:hover {
	background-color:#000066;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}
a.SortBar1B1, a.SortBar2B2, a.SortBar3B3, a.SortBar4B4 {background-color:#CCFFFF;}
#SortBar1 {display:block;}
#SortBar,#SortBar2, #SortBar3, #SortBar4 {display:none;}



/*home.php Layer scc start here***************************************************************************************/
#HmWrapLayer {
	width:100%;
	color:#000066;
	position:absolute;
	top: 0; left: 0;
	z-index:2;
	overflow:hidden;
}
#HmLayer1, #HmLayer2, #HmLayer3, #HmLayer4 {
	position:relative;
	float:left;
	width:100%;
	color:#000066;
	z-index:3;
}

#HmLayer2 {height:10em;}
#HmLayer4 {padding-left: 6em;}
#HmPicLayer{
	width:100%;
	height:31.5em;
	position:absolute;
	top: 0; left: 0;
	z-index:=1;	
}

/*contact_us.php Layer styles start here***************************************************************************************/

#ContactPgBox, #LayerTitle, #LayerBusHours, #LayerAddress {
	position:absolute;
	width:100%;
	text-align:center;
	z-index:2;
}
#ContactPgBox {
	position:absolute;
	height:27.5em;
	overflow:hidden;
}
#LayerTitle {
	position:absolute;
	width 100%;
	top:.625em; left: 0;
	height:1.875em;
}
#LayerBusHours {
	position:absolute;
	top:3.125em; left: 0;
	width:16.875em;
	height:11.875em;
}
#LayerAddress {
	position:absolute;
	top: 37em; left: 0;
	width:100%;
}

#ContactPicLayer{
	width:100%;
	height:27.5em;
	position:absolute;
	top: 0; left: 0;
	z-index:=1;	
}

/*detailpage.php Layer styles start here***************************************************************************************/

/* Open In New Window Button */
span.link {
	position: relative;
	border-style: solid;
	border-width: .125em .25em .25em .125em;
	text-decoration: none;
	padding : .25em;
	border-color : #69f #00f #00f #69f;
}
span.link a:visited {
	text-decoration: none;
}
span.link a:link {
	text-decoration: none;
} 
span.link a span {
    	display: none;
}
span.link a:hover {
	text-decoration: none;
	font-color: #000000;
}
span.link a:hover span { 
    display: block; 
	position: absolute; 
	margin-top: 1.25em;
	margin-bottom:.625em; 
	width:30em; padding: .3125em; 
	color: #000066; 
	background:  #CC99FF; 
	text-align: left; 
	text-decoration: none;
}
#detailpg {
	width: 95%;
	margin-left:auto;
	margin-right:auto;
}
#detailpgR1,#detailpgR2, #detailpgR3, #detailpgR4, #detailpgR5, #detailpgDescRow,
 #detailpg_DL, #detailpg_DR, #detailpgPriceRow, #detailpg_PriceDesc, #detailpg_PriceCol, #detailpgRow {
	width:100%;
	position:relative;
	float:left;
}
#detailpgR1 {
	height:3em;
	padding-top:1em;
}
#detailpgR2 {
	height:250px;
	vertical-align: bottom;
}
#DetailPicBox {
	position:absolute;
	width:100%;
	text-align:center;
	bottom: 0em;
	margin-bottom: 0.25em;
	z-index:1;
}
#detailpgR3 {
	text-align:center;
}
#detailpgR4 {
	text-align:center;
	margin-top: .25em;
}
#detailpgR5 {
	text-align:center;
}
#detailwrapper {
	width:100%;
}
#detailpg_DL {
	width:40%;
	text-align:right;
}
#detailpg_DR {
	width:60%;
	text-align:left;
}
#detailpgPriceGrid {
	position:relative;
	float:left;
	padding-top:1em;
	padding-bottom:.5em;
}
#detailpgPriceRow {
	vertical-align: bottom;
}
#detailpg_PriceDesc {
	width:15em;
	text-align:right;
	overflow:hidden;
}
#detailpg_PriceCol {
	width:4.5em;
	text-align:right;
}
#detailpgRow {
	padding-top:.5em;
	padding-bottom:.5em;
}


/* Specials start here ****************************************************************************/
:focus { 
	outline: 0; 
} 


/* Buttons start here ****************************************************************************/
span.dpbtn {
    	position: relative;
		border-style: solid;
		border-width: .125em .25em .25em .125em;
		text-decoration: none;
		padding : .25em;
		border-color : #69f #00f #00f #69f;
}
span.dpbtn a:visited {text-decoration: none;}
span.dpbtn a:link {	text-decoration: none;} 
span.dpbtn a span {display: none;}
span.dpbtn a:hover {text-decoration: none;}
span.dpbtn a:hover span { 
    	display: block; 
    	position: absolute;
		top: -1.25em;
		left: 12.75em; 
		width: 32em; padding: .3125em; 
    	z-index: 1000; 
    	color: #000066; 
    	background:  #CC99FF; 
    	font-family:  Verdana, Arial, Helvetica, sans-serif;
    	text-align: left; 
    	text-decoration: none;
		Border: .0625em  ridge #000066;
}
.liknobtn
{
	display:block;
	width:140px;
	height:30px;
	margin:0;
	padding:0;
}
.liknobtn1
{
	background: url("images/buttons/req_list_1.jpg") 0 0 no-repeat;
}
.liknobtnA
{
	display:block;
	width:160px;
	height:30px;
	margin:0;
	padding:0;
}
.liknobtn2
{
	background: url("../images/buttons/reqadd_1.jpg") 0 0 no-repeat;
}


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

a.BtnBar1B1, a.BtnBar1B2, a.BtnBar1B3, a.BtnBar1B4, a.BtnBar1B5, a.BtnBar1B6, a.BtnBar1B7 {
    float: left;
	padding-top:.875em;
	padding-bottom:.875em;
	text-align:center;
	color: #000066;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6875em;
	font-weight:bold;
    text-decoration: none;
	border-right: .0625em solid #000066;
}
a.BtnBar1B1 {	width:6.75%;}
a.BtnBar1B2 {	width:16.5%;}
a.BtnBar1B3 {	width:10%;}
a.BtnBar1B4 {	width:9.55%;}
a.BtnBar1B5 {	width:21%;}
a.BtnBar1B6 {	width:12.15%;}
a.BtnBar1B7 {	width:18.5%;}

a.BtnBar1B1:hover, a.BtnBar1B2:hover, a.BtnBar1B3:hover, a.BtnBar1B4:hover, a.BtnBar1B5:hover, a.BtnBar1B6:hover, a.BtnBar1B7:hover  {
	background-color:#000066;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.BtnBar2A, a.BtnBar2B, a.BtnBar2C,  {
    color: #000066;
    display: block;
    float: left;
	height:1.6125em;
	padding-top:.45em;
	width:35%;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6875em;
	font-weight:bold;
    text-decoration: none;
	border-right: .0625em solid #000066;
}
a.BtnBar2A {width:35%;}
a.BtnBar2B {width:28%;}
a.BtnBar2C {width:36.5%;}
a.BtnBar2A:hover, a.BtnBar2B:hover, a.BtnBar2C:hover {
	background-color:#000066;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn2, a.btn2 span {
    display: block;
    height: 24px;
}
a.btn2 {
    background: transparent url('images/buttons/button.png') no-repeat scroll top right;
    color: #000066;
    float: left;
    font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: .75em;
	font-weight:bold;
	margin-right: -1px;	
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.btn2 span {
    background: transparent url('images/buttons/button_span.png') no-repeat;
    line-height: 1em;
    padding: 4px 0 4px 18px;
}

a.btn2:hover {
	background-position:  right -44px;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn2:hover span {
    background-position: left -44px;
    padding: 4px 0 4px 18px; /* push text down .0625em */
}

a.btn2:active {
	margin-top:.05em;
    background-position: right bottom;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

a.btn2:active span {
	margin-top:.05em;
    background-position: left bottom;
    padding: .375em 0em .25em 18px; /* push text down .0625em */
} 

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: -.0625em;
	}
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.submitBtn {
	padding: 0 0.9375em 0 0; 
	margin-right:0.3125em; 
	font-size:.6875em; 
	font-weight:bold;
	text-align: center; 
	background: transparent url(images/buttons/btn_blue_sprite.png) no-repeat right -88px; 
}
	
button.submitBtn span {
	padding: 4px 0 0 0.9375em; 
	height:24px; 
	background: transparent url(images/buttons/btn_blue_sprite.png) no-repeat left top; 
	color:#fff; 
}
	
button.submitBtn:hover, button.submitBtnHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -132px; 
}
	
button.submitBtn:hover span, button.submitBtnHover span {
	background-position: 0 -44px;
}

/* Non Ajax pages start here*********************************************************/
#QR1wrap {
	position:relative;
	width: 46.875em;
	overflow: visible;
	margin-left:auto;
	margin-right:auto;
	outline: none; /* hide dotted outline in Firefox */
	z-index:1;
}