/* Pasted from main.css  */


/* ********** Basic Elements ************** */
html
{
	margin:0;
	padding:0;
	font-family:  Verdana, Arial, sans-serif;
	border: solid 1px #2A3457;
}

body
{
	margin: 0;
	padding: 0;

}

h1 {
  font-size: 2em;
  margin: .8px 0;
}

h2 {
  font-size: 1.5em;
  margin: 5px 0;
}

h3 {
  font-size: 1.17em;
  margin: 4px 0;
}

h4 {
  margin: 3px 0;
}

h5 {
  font-size: 0.83em;
  margin: 3px 0;
}

h6 {
  font-size: 0.67em;
  margin: 3px 0;
}

p{
	margin:3px 0 12px 0;
	font-size:99%;

}

a img
{
	border:none;
}

a:link, a:hover, a:visited, a:active
{
	text-decoration: none;
	font-weight:bold;
}



/**** Form Elements ****/
fieldset{
	padding: .5em;
}

label{
  font-size:.8em;
	line-height:.9em;
  margin:3px 5px;
  width:9em;
}

label, input, textarea{
float:left;
}

input{
  width:9em;
  font-size:1em;
  letter-spacing:.05em;
}

.small input, input.small{
	width:3em;
}

label.small{
  min-width:3.25em;
  max-width:4.75em;
  width:auto;
}

.large input{
	width:18em;
}

label.large{
  width:18em;
}

textarea{
  width:430px;
  height:250px;
}

.large textarea{
	width:40em;
	height:10em;
	}

form br
{
	clear:both;
}

.req
{
  font-weight:bold;
	color:red;
}

.checkbox input
{
  width:2em;

  margin:0;
  padding:0;
}

label.checkbox
{
 width:22em;
 width:auto;
}

.button
{
	margin:.3em 0;
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat-x;
	color: #333333;
	font-size: 75%;
	font-weight: bold;
}

.button:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}


/**************** Tipsy Code ****************/

.tipsy
{
  position:relative;
  display:inline;
}

.tipsy div, .tipsy span
{
  background-color:white;
  color:black;
  border:solid 2px black;
  padding:.5em;
  width:20em;
	position:absolute;
	top:-1em;
	left:15%;
	z-index:999;
	display:none
}

.tipsy:hover
{
  color:#ccc;
  background-color:#333;
}

.tipsy:hover div, .tipsy:hover span
{
  display:block;
}

/*   Magic text editor (for adding bbcode, etc...) */

#magic_editor{
display:block;
border:#CD0303 solid 1px;
background-color:#aaa;

}

#magic_editor img{
border:black solid 1px;
margin-right:5px;
}

#magic_text{
width:380px;
}


/********************* ae_prompt *******************************/
#aep_ovrl {
background-color: black;
-moz-opacity: 0.7; opacity: 0.7;
top: 0; left: 0; position: fixed;
width: 100%; height:100%; z-index: 99;
}
#aep_ww { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
#aep_win { margin: 20% auto 0 auto; width: 400px; text-align: left;}
#aep_w {background-color: white; padding: 3px; border: 1px solid black; background-color: #EEE;}
#aep_t {color: white; margin: 0 0 2px 3px; font-family: Arial, sans-serif; font-size: 10pt;}
#aep_text {width: 100%;}
#aep_w span {font-family: Arial, sans-serif; font-size: 10pt;}
#aep_w div {text-align: right; margin-top: 5px;}

.no_display{
	display:none;
}


/* End Main.css */



textarea.notes{
	width:100%;
	height:100px;
	}

div.inline_thumb{
	position:relative;
	width:110px;
	height:110px;
	background-color:#000;	
	float:left;
	margin:2px;
	text-align:center;
	line-height:110px;
	}

div.inline_thumb a{
		cursor:pointer;
	}
	
	#magic_editor div.inline_thumb a img{
		border:none;
		vertical-align:middle;
	}

div.inline_thumb a.del_button{
	background-color:#f00;
	font-size:10px;
	height:12px;
	padding-bottom:1px;
	width:12px;
	color:#fff;
	position:absolute;
	top:0;
	right:0;
	text-align:center;
	line-height:12px;
	}


img.inline_image{
	float:left;
	clear:left;
	margin-right:10px;
	margin-bottom:10px;
	}



.toomuch{
	font-weight: bold;
	color:red;
	}

/*************** Customize PerfectForm.css **********/


.hidden1{
	display:none;
	}

legend{
color:#000;
}

fieldset{
border:solid 1px;
background-color:transparent;
}

.sly_fieldset{
	border:none;
	margin:0;
	padding:0;
	}

fieldset fieldset{
margin: 0 0 0 0;
  background-color:#F2F3F6;
  border:solid 1px #000;
}

.button{
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #FFFFFF;
	background-image: none;
	background-repeat: repeat-x;
	color: #333333;
	margin-top:.9em;
	margin-left:5px;
	display:-moz-inline-stack;
	display:inline-block;
	
}

.button:active
{
border: 3px double #CCCCCC;
border-top-color: #999999;
border-left-color: #999999;
}

.go{
  display:inline;
  width:auto;
  background-color:#fff;
  padding:.2em;
  margin:.2em;
  border:1px solid #7F9DB9;
  float:none;
}



/**************** Customize Tipsy.css ***************/

.tipsy div, .tipsy span
{
	background-color:white;
  color:black;
	top:-1em;
	left:15%;
}

.tipsy:hover
{
  color:#ccc;
  background-color:#333;
}


#container
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	background-image:url(../images/rightextend.gif);
	background-position:100% 100px;
	background-repeat:repeat-y;
}

#myheader
{	
	padding:0;
	margin:0;
	background-color:#2A3457;
	background-image:url(../images/header_bg.gif);
	background-repeat:repeat-x;
	border: solid 1px #2A3457;
	border-bottom: 3px solid #525978;
	position:fixed;
	top:0;
	z-index:5000;
	width:100%;
	
}

#content .infoBoxHeading{
	background-color:#2A3457;
	}

.infoBoxHeading
{
	 background-color: #868ead; 
	color: #fff;
	margin-right: 8px;
	padding: 2px 2px 2px 8px;
}

.fake_logo{
	height:101px;
}

#myheader ul{
	background-color:transparent; 
	}

#myheader a{
	color:white;
	
	}
#myheader a:hover
{color:#FFA500;
background-color:transparent; 
}

#content
{
	margin-left: 185px;
	margin-right: 179px;
 	height:100%;
 	min-height:650px;
	margin-bottom: 10px;
}

#leftbar {
	position:absolute;
	margin: 0;
	padding: 0;
	background-image:url(../images/boxVfade.gif);
	background-position:142px 0px;
	background-repeat:repeat-y;
	float: left;
	width: 158px; 
}

#rightbar {
	float: right;
	width: 158px;
	margin: 0;
	padding: 0;
	background-image:url(../images/boxVfade.gif);
	background-repeat:repeat-y;
}

#myfooter
{
	position:relative;
	clear: both;
	padding: 0;
	margin-top: 0;
	background-color:#2A3457;
	color:#eee;
}

/* //////////////////////////////////////////////////////////////////////////  */

html
{
	font-family: Verdana;
	color: #2a3457;
	font-size: 85% !important;
	font-size: 70%;
	background-image: url(../images/watermark.gif);
	background-position: 50% 180px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

body
{
	background-image: url(../images/leftextend.gif);
	background-position: 0px;
	background-repeat: repeat-y;
	position: relative;
	margin: 0;
	padding: 0;
	overflow:visible;
}


a
{
	color: #2a3457;
	text-decoration: none;
	font-weight: bold;
}

a:hover, a.redlink:hover
{
	color: orange;
}

a.redlink{
  color:red;
}



h1, h2
{
	color: #2A3457;
	margin:10px 0 3px 0;
	padding:0 0 0 15px;
	font-size: 180%;
	font-family : Verdana, Sans-Serif;
}

h2
{
	margin:15px 0 3px 0;
	font-size: 125%;
}

h3
{
	font-size: 120%;
}

img.thumbs
{
	/* border: solid 1px #868ead; */
}


td
{
	padding:5px;
	border: solid 1px #868ead;
}

td.remove, .remove label {
	 padding:0;
	 margin:0;
	 width:10px;
	 float:none;
	}
	
	.remove label input{
	width:auto;
	padding:0;
	margin:2px 8px;
	float:none;
	}
.browse_thumb{
	padding:8px 4px;
	width:125px;
	float:left;
	text-align:center;
	height:200px;
}


/* //////////////////     Drop down menus */ 
ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

li
{
	position:relative; 
	text-align: left;
	margin: 0;
	padding: 0;
	border: none;
	z-index:10;
	height:auto;
}

ul li a
{
	position:static;
	display:block !important;
	display:inline-block; 
	margin: 0;
	padding:2px 0px;
	width: 100%;
	z-index:5;
	height:auto;
	
}

li a:hover
{
	background-color: #fff;
	color: #868ead;
}

li ul
{
	position: absolute;
	top: 0px;
	display: block;
	visibility: hidden;
	left: 130px;
	background-color: #f1f4ff;
	border: solid 1px black;
	width: 100%;
	z-index:2000;
	
}


li:hover ul, li.over ul
{	visibility: visible;
	z-index:2500;
}


.listcats ul
{
	float:none;
	width:100%;
}

.listcats li
{
	float:left;
	width:48%;
	margin:0 2px;
}

ul#nav{
	clear:left;
	}

ul#nav li{
	font-size:96%;
	line-height:97%;
	margin-bottom:.2em;
	z-index:500;
	}

ul#nav li ul li{
	z-index:5000;
	padding-left:4px;
	padding-right:3px;
	}

	ul#nav li ul li ul{
		display:none;
}
	ul#nav li ul li:hover ul{
		display:block;
}

/*  //////////////////    Drop downs end   */    


/* Styles for classes /////////////////////////////   */

/* Clearing Div */
.cdiv
{
	margin: 0;
	padding: 0;
	clear: both;
	height:auto;
	width: auto;
	font-size: 3px;
}

/* Appears on product detail pages */
.promotext 
{
	color:#FF6900;
	display:block;
}


.infoBoxBody, #footBody, .newsBody
{
	padding: 12px 8px 5px 8px;
	margin-right: 8px;
	background-color: #f1f4ff;
	background-image: url(../images/boxHfade.gif);
	background-repeat: repeat-x;
	z-index:5;
}

.leftstrip
{
	float: left;
	font-size: 125%;
	font-weight: bold;
}

span.rightstrip{
	font-size:85%;


}

.rightstrip{
	float: right;
	color:#fff;
	}

#myheader span.rightstrip{
	margin-right:12px;
	}
	
#footBody .rightstrip {
	color:#000;
}

ul.rightstrip{
	margin:0;
	padding:0;
	}

ul.rightstrip li{
	float:left;
	margin:0 10px;
	padding:0;
	font-size:110%;
	}
	
	ul.rightstrip li a{
		padding:0 2px;
	}

a.logobar{
	width:200px;
	display:block;
	
	}

a.logobar img{
		overflow: visible;
	}


.grayed
{
	color: gray;
}

.thumbs, .inline_thumbs
{
	width:110px;
	height:auto;
	text-align: center;
	margin-top: 10px;
	float:left;
}

.inline_thumbs{
	margin: 0 10px 5px 0;
	clear:left;
	}

div.thumbs{
	margin-right:30px;
	margin-bottom:20px;
	}

.protable, .protable tr td
{
	border: none;
	vertical-align:top;
}

#content .protable tr td{
border-bottom:solid 1px #868EAD;
}

#teh_cart tr.cartrow td{
	border:1px solid #666;
	}

tr.cartrow td
{
	border:none;
}

/* Styles for id's /////////////////////////////////   */

p.message, p.message a
{
	font-size:150%;
	color:#ff3355;

}

form p.message, form p.message a
{
  font-size:1em;
  color:black;
}

#teh_cart td
{
padding:4px;
vertical-align:top;
font-size:.9em;

}

#teh_cart td input
{
	width:1.2em;
  float:none;
  margin-left:.3em;
}

#teh_cart th{
  font-size:.8em;
}

#content #cart_form, #content #cart_form #teh_cart{
  width:100%;
	min-width:100%;
}

#content #cart_form #teh_cart input.button{
	width:auto;
	float:left;
}

#content input.button
{
	float:none;
}
	



#content li ul
{
	left: 2em;
	margin: 0;
	padding: 0 .5em;
	z-index:5;
}

#content ul
{
	margin: 0 1.5em;
	padding-left: 1em;
	list-style-type: square;
} 

#content ul li
{position:static}


#content ul.pdflist
{
	list-style-image:url(../images/two-docs.gif);
}
#content ul.pdflist li{
	margin:0 0 5px 0;
	padding:0;
	line-height:1.1em
}


#footBody .leftstrip a, #footBody .rightstrip a, #footBody .leftstrip, #footBody .rightstrip
{
	font-size: small;
}



#lock, #breadcrumb
{
	color: #868ead;
	font-weight: bold;
	padding-left: 13px;
	background: url(../images/lock.gif) no-repeat left center;
	height:13px;
}

#breadcrumb
{
	background-image: url(../images/crumb_bullet.gif);
	color: #fff;
	font-size:80%;
	margin:0 0 2px 10px;
	line-height:.2em;
}

#rightbar .infoBoxBody, #rightbar .infoBoxHeading
{
	margin: 0 0 0 8px;
}

#content .infoBoxBody, #content .infoBoxHeading, .newsBody
{
	border: solid 1px #868ead;
	margin: 0 auto;
	z-index:5;
}

#footBody
{
	padding: 4px 1%;
	margin: 0;
	width: 98%;
}

table.options td, table.options tr, table.options{
	border-left:1px solid #868EAD;
	border-right:none; 
	padding:1px 6px;
	border-spacing: 0;
	border-collapse:collapse;
	}

table.options{
	font-size:80%;
	background-color:#fff;
	border-left:1px solid #868EAD;
	border-right:1px solid #868EAD;
	border-top: 5px solid #2A3457;
	margin-top:15px;
	width:100%;
	clear:left;
}


table.product_chart{
	text-align:center; 
	margin:0 36px 15px 0px;
	float:left;
	}




.product_options .cat_no{
	color: #334466;
	}
.product_options .name{
	font-weight:bold;
	
}

.product_options .price{
	font-weight:bold;
	color:#DF8600;
}

.product_options .price a:hover{
	color:red;
	}

.product_description{
	clear:left;
	margin-top:20px;
	width:100%;
}


.product_description div.chart_clear{
	width:12em;
	height:0px;
	float:right;
}

.add_cart input{
	width:65px;
	height:25px;
	}

.product_description a, a.pdf_links{
	color:#DF8600;
	}

.product_description a:hover, a.pdf_links:hover{
	color: #2A3457;
	}
	
	
img.promo_image{

	float:left; 
	padding-right:10px;
	padding-bottom:7px;
	position:relative;
	z-index:5;
	
}

span.promo_price{
	color:#FCA500;
	font-size:150%;
	margin:0;
	padding:0;
	position:relative;
	}

.promo_title{
float:left;
margin:5px 10px 0 0;
padding:0;
}

.feedback_button{
	position:fixed;
	top:55px;
	right:-1px;
	border:none;
}

ul.fb_report li a{
display:inline !important;
white-space: nowrap;
}


.product_sort{
clear:left;
width:50px;
	}

.product_sort input{
height:30px;
width:50px;
text-align:center;
font-size:25px;
}


/* ************* CSS Tooltips ****************** */

.note a{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

.note a:hover{z-index:25; background-color:#ff0}

.note a span{display: none}

.note a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    bottom:0px; left:10px; width:300px;
    padding:10px;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center;
    word-wrap: break-word;
    }

.note{
	border:0;
	margin:0;
	padding:0 5px 0 0;
	text-align:right;
	}


.chart_controls{
	border:none;
	margin:0;
	padding:0;
	min-width:100px;
	}