@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
	background-color: #0099e8;
}
* {
	margin: 0;
	outline:0;
}
html, body {
	height: 100%;
}
h1 {
	font: bold 36px Arial, "Helvetica", sans-serif;
	color:#2D7FC5;
	letter-spacing: -1px;
}

h2 a{
	color:#FFF;
	letter-spacing: -1px;
	text-decoration: none;
}
h2 a:hover{
	color:#DDD;
	letter-spacing: -1px;
	text-decoration: none;
}
h3 a{
	color:#FFF;
	letter-spacing: -1px;
	text-decoration: none;
}
h3 a:hover{
	color:#DDD;
	letter-spacing: -1px;
	text-decoration: none;
}




.main { margin:0 auto;}
.main2 { margin:0 auto; padding:15px 0 0 0;}
/********** header **********/
.wrapper {
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	background-color: #FFFFFF;
}

.header {  padding:0; margin:0 auto; width:980px;}

/* logo */
.logo {
	padding:0;
	margin:15px 0 0 0;
	width:335px;
	float:left;
}

/*menu*/
.menu {
	padding:0;
	margin:0;
	float:right;
	width:625px;
}
.menu ul { text-align: left;  padding:15px 0 0 0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:13px 15px; border:0; }
.menu ul li a {
	float:left;
	margin:0;
	padding:13px 0 13px 0px;
	color:#666666;
	font:bold 13px "Arial", Helvetica, sans-serif;
	text-decoration:none;
}
.menu ul li a span { padding:13px 10px; background:none; }
.menu ul li a:hover { color:#fff; background: url(../../images/r_menu.gif) no-repeat right; }
.menu ul li a:hover span {color:#fff; background:url(../../images/l_menu.gif) no-repeat left; }
.menu ul li a.active { color:#fff;  background:url(../../images/r_menu.gif) no-repeat right; }
.menu ul li a.active span { color:#fff; background:url(../../images/l_menu.gif) no-repeat left; }

/* CONTENT */
.content {
	padding:0;
	margin:0;
}
.content_resize { width:980px; margin:0 auto; padding:0;}
.content_resize img { float:left; margin:0; padding:0;}
.content_resize a { color:#317c91; text-decoration:none; }
.content_resize h2 { font: normal 18px "Arial", Helvetica, sans-serif; color:#b7b7b7; padding:10px 0; margin:0;}
.content_resize p {font: normal 11px "Arial", Helvetica, sans-serif; color:#919191; padding:5px 0; margin:0; line-height:1.8em;}
.content_resize ul { padding:0; margin:0; list-style:none;}
.content_resize li { padding:5px 0; margin:0;  border-bottom:1px solid #404040; }
.content_resize li a { font: normal 11px "Arial", Helvetica, sans-serif; color:#757575; padding:5px 0 5px 0; margin:0;text-decoration:none;}
.content_resize li a:hover { color:#317c91; text-decoration:none;}
.content_resize .blog { width:215px; float:left; margin:0; padding:15px 40px 15px 0;}
.content_resize .blog.last { padding:15px 0;}
/* body */
.body_resize {
	width:980px;
	margin:0 auto;
	padding:40px 0 40px 0;
}
.resize {
	width:980px;
	margin:0 auto;
	padding:20px 0 40px 0;
}
.body {
	padding:0;
	margin:0 0 30px 0;
	background-image: url(../../images/body_bckgrnd.png);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
.bodyhome {
	padding:0;
	margin:0 0 30px 0;
	background-color: #FFFFFF;
}

.bodyhome h2 {
	font: bold 26px "Arial", Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px 0 0px 30px;
	margin:0 0 5px 0px;
	display: block;
	background-image: url(../../images/h2_btn_bckgrnd.png);
	background-repeat: no-repeat;
	height: 40px;
	letter-spacing: -1px;
}
.bodyhome h3 {
	font: bold 26px "Arial", Helvetica, sans-serif;
	color:#FFFFFF;
	padding:5px 0 0px 50px;
	margin:0 0 5px 0px;
	display: block;
	background-image: url(../../images/h2_btn_bckgrnd.png);
	background-repeat: no-repeat;
	height: 40px;
	letter-spacing: -1px;
}

.bodyhome p {
	font:normal 15px Arial, "Helvetica", sans-serif;
	color:#848484;
	line-height:21px;
	padding:5px 0;
	margin:0;
}
.body h2 {
	font: bold 26px "Arial", Helvetica, sans-serif;
	color:#FFFFFF;
	padding:7px 0 0px 15px;
	margin:0 0 5px 0px;
	display: block;
	background-image: url(../../images/h2_btn_bckgrnd.png);
	background-repeat: no-repeat;
	height: 40px;
	letter-spacing: -1px;
}
.body h2 span { font: normal 11px Arial, Helvetica, sans-serif; color:#b1b1b1; padding:0; margin:0;}
.body h3 {
	color:#7a7a7a;
	font: bold 21px Arial, "Helvetica", sans-serif;
	margin:0;
	letter-spacing: -1px;
}
.body h4 { font: bold 18px "Arial", Helvetica, sans-serif; color:#2a2a2a; padding:5px 0; margin:0; border-bottom:none;}
.body h5 { font: bold 18px "Arial", Helvetica, sans-serif; color:#7a7a7a; padding:5px 0; margin:0; border-bottom:none;}
.body .menu2 { width:170px; float:right; padding:0; margin:0;}
.body .menu2 a { font: bold 12px "Arial", Helvetica, sans-serif; color:#5d5d5d; text-decoration:none; padding:0 3px;}
.body .menu2 a:hover { color:#fff; background:#363636;}
.body p {
	font:normal 15px Arial, "Helvetica", sans-serif;
	color:#848484;
	line-height:21px;
	padding:5px 0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
}
.body p.about { background:#e6e6e6; border-left:5px solid #cdcdcd; padding:20px; margin:15px 0; font: italic 12px Arial, Helvetica, sans-serif; color:#747474;}
.body p span { font-size:18px; font-weight:bold; color:#888;}
.body a {
	color:#2D7FC4;
	text-decoration:underline;
}

.imgleft {
	padding:5px;
	border:1px solid #cdcdcd;
	margin: 10px 10px 10px 0;
	float:left;
}
.imgright {
    padding:5px;
    border:1px solid #cdcdcd;
    margin: 10px 10px 10px 0;
    float:right;
}

.body img {
	padding:5px;
}
.body img.floated { margin:10px 10px 5px 0; padding:0; padding:5px; background:#f8f8f8; border:1px solid #d4d4d4; float:left;}
.body img.none { float:left; margin:5px 5px 5px 0; padding:0; border:none; background:none;}


.right {  width:288px; margin:0; padding:10px 0; float:right;}
.right ul { margin:0; padding:0; list-style:none;}
.right li { border-bottom:1px dotted #d0d0d0; padding:5px 0; margin:0;}
.right li a {
	font: normal 15px Arial, Helvetica, sans-serif;
	color:#747474;
	text-decoration:none;
}
.right li a:hover {
	color:#0183C5;
	text-decoration:underline;
}
.right li .active {
	color:#0183C5;
	font-weight: bold;
}

.faqmenu {  margin:0; padding:10px 0; }
.faqmenu ul { margin:0; padding:0; list-style:none;}
.faqmenu li { border-bottom:1px dotted #d0d0d0; padding:5px 0; margin:0;}
.faqmenu li a {
    font: normal 15px Arial, Helvetica, sans-serif;
    color:#747474;
    text-decoration:none;
}
.faqmenu li a:hover {
    color:#0183C5;
    text-decoration:underline;
}
.faqmenu li .active {
    color:#0183C5;
    font-weight: bold;
}


.left {
	width:410px;
	margin:0 40px 0 0;
	padding:20px 0;
	float:left;
}

.leftlargecolumn {
	width:610px;
	margin:0 40px 0 0;
	padding:20px 0;
	float:left;
}

.datacolumn {
	width:960px;
	margin:0 auto;
	padding:20px 0;
	float:left;
	margin: 30px 0 30px 0;
}

.popupcolumn {
    width:550px;
    margin:0 40px 0 10px;
    padding:20px 0;
    float:left;
}
.port {
	width:260px;
	margin:10px 0;
	padding:0 30px 0 30px;
	float:left;
	background-image: url(../../images/column_divider.png);
	background-repeat: no-repeat;
	background-position: left;
}
.last {
	background-image: url(../../images/column_divider.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 125px;
	width: 10px;
	margin: 10px 0 0 0;
	padding: 0;
}

/********** contact form **********/
#contactform { margin:0; padding:5px 0; }
#contactform * {
	color:#848484;
}
#contactform ol { margin:0; padding:0; list-style:none; }
#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }
#contactform li.buttons {
	margin:0px 0 5px 125px;
	clear:both;
}
#contactform label {
	margin:0;
	width:110px;
	display:block;
	padding:12px 0;
	color:#737373;
	font: normal 12px Arial, Helvetica, sans-serif;
	float:left;
}
#contactform label span { color:#d66423; font-weight:bold; }
#contactform input.text {
	width:285px;
	border:1px solid #d4d4d4;
	margin:2px 0;
	padding:10px 2px;
	height:18px;
	background:#fff;
	float:left;
	font: bold 14px "Arial";
	color: #666666;
	background-image: url(../../images/form_bckgrnd.png);
	background-repeat: repeat-x;
}
#contactform select.text {
    width:285px;
    border:1px solid #d4d4d4;
    height:18px;
    float:left;
    font: bold 14px "Arial";
    color: #666666;
}
#contactform textarea {
	width:400px;
	border:1px solid #d4d4d4;
	margin:2px 0;
	padding:2px;
	background:#fff;
	float:left;
}
#contactform li.buttons input {
	padding:3px 0 3px 0;
	margin:10px 0 0 0;
	border:0;
	color:#FFF;
	float:left;
}

#contactform li.loginbuttons input {
	padding:3px 0 3px 0;
	margin:10px 0 0 0;
	border:0;
	color:#FFF;
	float:left;
}

#contactform div.error-msg {
	color: #ff3300;
	font-weight: bold;
	padding-bottom: 0.5em;
	margin-bottom: 0px;
}

#contactform li a {
    font: normal 12px Arial, Helvetica, sans-serif;
    color:#0183C5;
    text-decoration:underline;
}
#contactform li a:hover {
    color:#0183C5;
    text-decoration:underline;
}
#contactform li .active {
    color:#0183C5;
    font-weight: bold;
}

/*************footer**********/
.footer {
	margin:0 auto;
	background-color: #0099e8;
}
.footer_resize { width:980px; margin:0 auto; padding:0;}
.footer p {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFF;
}
.footer a {
	font:normal 12px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	padding: 0 10px;
}
.footer p.right { text-align:right; width:350px; margin:0; padding:10px 0; float:right;} 
.footer p.left {
	text-align:left;
	margin:0;
	padding:10px 0;
	float:left;
	display: block;
}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
.bg { clear:both; padding:5px 0; margin:0; border-bottom:1px solid #ededed;}


/* Slider */
#slider {
	padding:0;
	margin:0 auto;
	background:url(../../images/swirl_background.jpg) center top no-repeat;
	height:425px;
	background-color: #f1f2f2;
}
#slider .flash_slider { width:980px; height:300px; margin:0; overflow:hidden;}
.slide_blog_resize {
	border-top:1px solid #fff;
	padding:10px 0;
	margin:0;
	background:#FFFFFF;
	/*height: 350px;*/
}
.slide_blog_resize_b { width:980px; margin:0 auto; padding:0;}
.slide_blog { width:325px; float:left; padding:15px 0;}
.slide_blog img { float:left; margin:0; padding:10px 10px 30px 0;}
.slide_blog h3 { font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#474747; padding:10px 0; margin:0; border:0;}
.slide_blog_resize  h4 { width:300px; float: left; font: normal 36px "Arial", Helvetica, sans-serif; color:#4f4f4f; padding:10px 0 20px 0; margin:0;}
.slide_blog p { font: normal 11px Arial, Helvetica, sans-serif; color:#939393; padding:0; margin:0; line-height:1.8em;}

.home #wrapper {width:100%;}
#slider .homepageslides {width:980px;height:425px;margin:auto;overflow:hidden;}
#slider #nav {padding:0;margin:0 0 0 350px;list-style-type:none;position:absolute;bottom:0;z-index:50;height:50px;}
#slider #nav li {display:block;height:50px;background:red;cursor:pointer;float:left;margin-left:1px;filter: alpha(opacity=0);opacity:0;}
#slider #nav #slide-1 {width:200px;}
#slider #nav #slide-2 {width:100px;}
#slider #nav #slide-3 {width:85px;}
#slider #nav #slide-4 {width:135px;}


/* for SEO */
#slider .homepageslide h2,
#slider .homepageslide p {display:none;}
.body .body_resize .left div .blank tr td .blank tr td .font_normal_bold {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}
.body .body_resize .left div .blank tr td .blank tr td {
	font-family: Arial, Helvetica, sans-serif;
}
.body .body_resize .left div .blank tr td .blank #mfg_name_inv_TR td .font_error {
	font-family: Arial, Helvetica, sans-serif;
}
.body .body_resize .left div .blank tr td .blank #mfgpartno_inv_TR td .font_error {
	font-family: Arial, Helvetica, sans-serif;
}
.body .body_resize .left div .blank tr td .blank #dev_purchase_price_inv_TR td .font_error {
	font-family: Arial, Helvetica, sans-serif;
}
.body .body_resize .left div .blank tr td .blank #dev_purchase_price_outofbounds_TR td .font_error {
	font-family: Arial, Helvetica, sans-serif;
}
.body .body_resize .left div .blank tr td .blank #dev_purchase_date_inv_TR td .font_error {
	font-family: Arial, Helvetica, sans-serif;
}
.body .body_resize .left div .blank tr td .blank tr td span {
	color: #7A7A7A;
}
.body .body_resize .left div .blank tr td .blank tr td {
	color: #7A7A7A;
}
.agree {
	color: #7A7A7A;
}
.error-msg {
	color: #ff3300;
	font-weight: bold;
	padding-bottom: 0.5em;
	margin-bottom: 0px;
}

.star {
	color:  #ff3300;
	font-weight: bold;
}

/* Tables - You still need cellspacing="0" in the markup
-------------------------------------------------------------- */

table		{ border-collapse:collapse; margin: 0px; width:100%!important;}

.clear_TABLE {
	width: 100%;
	margin-bottom: 50px;
	background-color:transparent; 
}

.clear_TABLE th {
	font-weight: bold;
	text-align:right;
	font: bold 15px Arial, "Helvetica", sans-serif;
	color:#848484;
	line-height:21px;
	font-family: Arial, Helvetica, sans-serif;
}

.clear_TABLE td {
	text-align:left;
	font: 15px Arial, "Helvetica", sans-serif;
	color:#848484;
	line-height:21px;
	font-family: Arial, Helvetica, sans-serif;
}

.clear_TABLE th,
.clear_TABLE td {
	padding: 10px 10px;
    vertical-align: text-top;
}
.clear2_TABLE {
	width: 100%;
	margin-bottom: 50px;
	background-color:transparent; 
}

.clear2_TABLE th {
	font-weight: bold;
	text-align:left;
	font: bold 15px Arial, "Helvetica", sans-serif;
	color:#848484;
	line-height:21px;
	font-family: Arial, Helvetica, sans-serif;
}

.clear2_TABLE td {
	text-align:left;
	font: 15px Arial, "Helvetica", sans-serif;
	color:#848484;
	line-height:21px;
	font-family: Arial, Helvetica, sans-serif;
}

.clear2_TABLE th,
.clear2_TABLE td {
	padding: 10px 10px;
    vertical-align: text-top;
    
}
.clear3_TABLE {
	width: 100%;
	margin-bottom: 50px;
	background-color:transparent; 
}

.clear3_TABLE th {
	font-weight: bold;
	text-align:left;
	font: bold 14px Arial, "Helvetica", sans-serif;
	color:#848484;
	line-height:21px;
	font-family: Arial, Helvetica, sans-serif;
}

.clear3_TABLE td {
	text-align:left;
	font: 14px Arial, "Helvetica", sans-serif;
	color:#848484;
	line-height:21px;
	font-family: Arial, Helvetica, sans-serif;
}

.clear3_TABLE th,
.clear3_TABLE td {
	padding: 10px 10px;
    vertical-align: text-top;
    
}


.primary_TABLE {
	width: 100%;
	margin-bottom: 50px;
}

.primary_TABLE th {
	background: #919292;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

.primary_TABLE td {
	background: #f0f0f0;
	font: 15px Arial, "Helvetica", sans-serif;
	color:#848484;
	line-height:21px;
	font-family: Arial, Helvetica, sans-serif;
}

.primary_TABLE th,
.primary_TABLE td {
	padding: 10px 10px;
    vertical-align: text-middle;
}

.buyback_TABLE th,
.buyback_TABLE td {
	text-align: center;
    vertical-align: text-middle;
}

.buyback_TABLE td {
	border-bottom: 1px solid #ddd;
	font: 15px Arial, "Helvetica", sans-serif;
	color:#848484;
	line-height:21px;
	font-family: Arial, Helvetica, sans-serif;
}

.buybackamount_TABLE tfoot td {
	border-top:1px solid #ccc;
}

.box {
	padding:20px 20px 16px;
	background:#eaeae8;
}

/* Tech Forward Grid
-------------------------------------------------------------- */

.tf-content {
	width:920px;
	padding:30px; 
	position:relative;
}

.tf-column {
	float:left;
	margin-right: 40px;
}

.tf-column-left { 
	width:490px;
}
.tf-column-right {
	width:390px;
	margin-right: 0px;
}

.tf-column .section {
	margin-bottom: 4em;
	clear:both;
}

.tf-column-last {
	margin-right: 0px;
}

label		{
	font-weight: bold; 
	display: block;
	width:200px;
}