@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */


.popup_window{
	margin:0 auto;
	padding:0px;
	width:500px;
	height:500px;
	color:#666;
	position:relative;
}

.close{
	position:absolute;
	top:5px;
	right:5px;
	height:36px;
	width:36px;
}

.popup_bg{
	background: url(../images/popup.jpg) no-repeat;
	height:500px;
	width:500px;
}

.popup_area{
	margin:0px;
	padding:0 50px;
}

.popup_area h1{
	margin:0px;
	padding:206px 0px 0 0;
	font-size:15px;
	color:#666;
	font-weight:normal;
	line-height:20px;
}

.popup_area h2{
	margin:0px;
	padding:130px 0px 0 0;
	font-size:15px;
	color:#666;
	font-weight:normal;
	line-height:20px;
}


.popup_area p{
	margin:0px;
	padding:0px;
	font-size:13px;
	color:#333;
	line-height:16px;
}

.popup_area p span{
	color:#666;
	font-style: italic;
}

.pop_in{
	margin:5px 0 0 0;
	padding:0 0 0 5px;
	height:13px;
	font-size:10px;
	background:url(../images/pop_in.jpg) repeat-x;
	border:1px #ccc solid;
}

.popup td{
	margin:0px;
	padding:7px 0 0 0;
}

.popup td span{
	color:#f47900;
}


.education_dis{
	margin:0px auto;
	padding:0px;
	background:url(../images/education_discount.jpg) no-repeat;
	width:500px;
	height:500px;
	color:#666;

}

.popup_nav{
	width: auto;
}

.popup_nav li {
	color: #666;
	font-size: 12px;
	background: url(../images/list-menu-bullet.jpg) 0 11px no-repeat;
	padding: 5px 0 0 15px;
}


.edu_nav{
	margin:6px 0 0 0;
	padding:0px;
	position:relative;
}

.edu_nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
}

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

.edu_nav li a{
	margin:0px;
	padding:0px;
	height:52px;
	position:absolute;
	background:url(../images/edu_nav.jpg) no-repeat;
	float:left;
	overflow:hidden;
	text-indent:-99999px;
	outline:none;
}

.edu_nav li a.home{
	width:133px;
	left:0;
	background-position:0 0;
}

.edu_nav li a.home:hover{
	background-position:0 -52px;
}

.edu_nav li a.email{
	width:134px;
	left:133px;
	background-position: -133px 0;
}

.edu_nav li a.email:hover{
	background-position: -133px -52px;
}

.edu_nav li a.request{
	width:134px;
	left:267px;
	background-position: -267px 0;
}

.edu_nav li a.request:hover{
	background-position: -267px -52px;
}

.callme{
	background: url(../images/callme.jpg) no-repeat;
	width:500px;
	height:500px;
	color:#666;
}


.callme_in{
	margin:7px 0 0 0;
	padding:7px 5px 0 5px;
	height:22px;
	width:180px;
	font-size:12px;
	background: url(../images/callme_in.jpg) repeat-x;
	border:1px #ccc solid;
}

.call_me td{
	margin:0px;
	padding:10px 0 0 0;
}

.popup td span{
	color:#f47900;
}

.send_email{
	margin:0px auto;
	padding:0px;
	background: url(../images/send_email.jpg) no-repeat;
	width:500px;
	height:500px;
	color:#666;
	position:relative;
}

.change_password{
	margin:0px auto;
	padding:0px;
	background: url(../images/change_password.jpg) no-repeat;
	width:500px;
	height:500px;
	color:#666;
	position:relative;
}

.message{
	margin:7px 0 0 0;
	width:190px;
	height:147px;
	border:1px #ccc solid;
	background:url(../images/message.jpg) no-repeat;
}

.message_area{
	background:none;
	border:none;
	padding:5px;
	width:180px;
	height:137px;
}

.build_order{
	margin:0px auto;
	padding:0px;
	background: url(../images/build-to-order.jpg) no-repeat;
	width:500px;
	height:500px;
	color:#666;
	position:relative;
}


.build_order h3{
	margin:0px;
	padding:195px 0px 0 0;
	font-size:20px;
	color:#666;
	font-weight:normal;
	line-height:28px;

}

.build_order h3 span{
	color:#333;
	font-weight:bold;
}

.request-proposal-box {
width:516px;
height:500px;
/*overflow:auto;*/
margin: 0;
padding: 0;
}

.request_proposal{
	padding:0px;
	background: url(../images/request-proposal.jpg) no-repeat;
	width:500px;
	height:700px;
	color:#666;
	position:relative;
}

.notes{
	margin:7px 0 0 0;
	width:190px;
	font-size:12px;
	height:102px;
	border:1px #ccc solid;
	background: url(../images/notes.jpg) no-repeat;
}

.notes_area{
	background:none;
	border:none;
	padding:5px;
	width:180px;
	height:92px;
}

.req_select{
	margin:7px 0 0 0;
	width:166px;
}

.at{
	margin:7px 0 0 0;
	width:40px;
}

/* Old CSS */
.boldText {
	font-size: 14px;
	color: #666;
	font-weight: bold;
}

.orange_text {
	color: #FF6600;
	font-size: 10px;
}

.popup_box_top {
	width: 526px;
	height: 10px;
	background: url(../images/popup_box_top.png) top no-repeat;
	overflow: hidden;
}

.popup_box_text {
	height: 28px;
	border-bottom: 2px solid #B0C2E0;
	margin: 0 0 16px 0;
}

.popup_box_content {
	width: 466px;
	background: url(../images/popup_box_bg.png) repeat-y;
	/*padding: 10px 30px 0 30px;*/
}

.popup_box_bottom {
	width: 526px;
	height: 39px;
	background: url(../images/popup_box_bottom.png) no-repeat;
}

.callme_text_box {
	width: 330px;
	margin: 16px 0 0 80px;
}

.input_box {
	width: 222px;
	margin: 0 0 10px 0;
}

.callme_text_box label {
	font-size: 11px;
	color: #666;
}

.callme_text_box input {
	 width: 220px;
	 border: 1px solid #999;
	 margin: 4px 0 0 0;
	 background: url(../images/popup_input_bg.gif) repeat-x;
}

.select_box1 {
	margin: 4px 8px 0 0;
	border: 1px solid #999;
	width: 92px;
	/* color: #666; */
	background: url(../images/popup_input_bg.gif) repeat-x;
}

.select_box2 {
	margin: 4px 0 0 8px;
	border: 1px solid #999;
	width: 55px;
	/*color: #666; */
	background: url(../images/popup_input_bg.gif) repeat-x;
}

.get_quote_left_box {
	width: 168px;
	float: left;
}

.get_quote_left_box lable {
	font-size: 11px;
	color: #333;
}

.get_quote_left_box input {
	width: 164px;
	border: 1px solid #999;
	margin: 4px 0 15px 0;
	background: url(../images/popup_input_bg.gif) repeat-x;
}

.get_quote_left_box select {
	width: 168px;
	border: 1px solid #999;
	margin: 4px 0 0 0;
	background: #fff url(../images/popup_input_bg.gif) repeat-x;
	color: #666;
}

.get_quote_right_box {
	width: 250px;
	float: right;
	margin: 14px 0 0 0;
}

.get_quote_right_box label {
	font-size: 11px;
	color: #333;
}

.get_quote_right_box select {
	width: 168px;
	border: 1px solid #999;
	margin: 4px 0 0 0;
	background: #fff url(../images/popup_input_bg.gif) repeat-x;
	color: #666;
}

.get_quote_right_box .input_quantity {
	width: 52px;
	border: 1px solid #999;
	margin: 4px 0 15px 0;
	background: url(../images/popup_input_bg.gif) repeat-x;
}

.get_quote_right_box radio {
	margin: 0;
	padding: 0;
}

.get_quote_right_box textarea {
	width: 246px;
	/* height: 195px;*/
	border: 1px solid #999;
	background: #fff url(../images/popup-textarea-bg.gif) repeat-x;
	margin-top: 4px;
}

.get_quote_note {
	font-size: 10px;
	margin: 34px 0 20px 0;
}

/* prices compare popup */

#compareprice .leftcol { background: url(../images/pricesComparisionPopup/bg_vline.gif) repeat-y top right; padding: 10px; width: 150px; }
#compareprice .leftcol h1 { color: #000; font-size: 7.5pt; margin: 15px 5px 8px; }
#compareprice .leftcol p { color: #000; font-size: 7.5pt; margin: 5px; line-height: 1.5em; }
img.midsize { width: 140px; }
#compareprice .rightcol { padding-left: 8px; }
#compareprice .rightcol h1 { color: #000; font-size: 8pt; margin: 15px 5px 5px; }
#compareprice .rightcol p.partno { color: #666; font-size: 7pt; margin: 5px 5px 10px; }

.bxcomparepriceTop {
background:transparent url(../images/pricesComparisionPopup/top_compareprice.gif) no-repeat scroll center bottom;
clear:both;
height:12px;
margin:0 0.5em;
position:relative;
width:279px;
}
.bxcomparepriceBtm {
background:transparent url(../images/pricesComparisionPopup/btm_compareprice.gif) no-repeat scroll 0 0;
height:12px;
margin:0 0.5em 20px;
padding:0;
position:relative;
width:279px;
}
#bxcomparepriceMid {
background:transparent url(../images/pricesComparisionPopup/mid_compareprice.gif) repeat-y scroll 0 0;
margin:0 0.5em;
padding:0;
width:279px;
font-size: 7pt;
}
#bxcomparepriceMid .pricelist { font-size: 7.5pt; border-top: #CCC 1px solid; border-bottom: #CCC 1px solid; width: 260px; margin: 10px 0 2px; background: #FFF; padding: 5px 2px; }
#bxcomparepriceMid img { vertical-align: top; }
#bxcomparepriceMid .pricelist td { background:transparent url(../images/pricesComparisionPopup/dotline.gif) repeat-x bottom; padding: 5px; color: #000; font-size: 8pt; text-align: left; }
#bxcomparepriceMid .pricelist td.last { background: none; }
#bxcomparepriceMid .date { position: relative; z-index: 50; clear: both; padding: 0 0 15px; width: 260px; }
#bxcomparepriceMid .date .left { position: absolute; left: 0; }
#bxcomparepriceMid .date .right { position: absolute; right: 0; }
.contactbox { background:transparent url(../images/pricesComparisionPopup/bg_gradient.gif) repeat-x bottom; border: 1px #CCC solid; padding: 15px 20px; font-size: 7.5pt; color: #000; line-height: 1.5em; }
#whatsthis { background: #FFF url(../images/pricesComparisionPopup/bg_gradient.gif) repeat-x bottom; border: 1px #CCC solid; font-size: 8pt; color: #000; line-height: 1.5em; width: 470px; padding: 0px;}
#whatsthis h1 { background: #c2d1e8; margin: 5px; text-align: center; font-size: 9pt; padding: 5px; }
#whatsthis p { margin: 18px; text-align: justify; }
#whatsthis p.note { color: #666; font-size: 7.5pt; }
/* End of old CSS */