/* page properties */

body {
	height: 100%;
	background-color: #acadb0;
	margin:0px;
	padding:0px;
	font: 11px Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
}

table, td {
	font: 11px Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
}

td.partdropDown {
    background-color: #446182;
    border: 2px solid white;
    line-height: 1.5;
    min-width: 258px;
    padding: 7px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

/* horizontal lines */

hr { border:none; border-top:dotted 1px #acadb0; }
hr.copy { color: #ffffff; border-color: #ffffff; width:514px;}
hr.dark { color: #ebeced; }
hr.login { color: #505152; }

/* layout */

div.search {
	display:inline-block;
	background: #ebeced url(../img/bg_window.gif) repeat-x;
	border:7px solid white;
	width:515px;
	text-align: center;
	margin-top:35px;
}

/* form */

form { margin:0; }
object { outline:none; }

select {
	border-width:1px;
	padding:1px;
	font: 11px Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
	margin-bottom:5px;
	width:287px;
}

select.search {
	padding:0px;
	background-color: #ffffff;
	margin-bottom:1px;
	width:250px;
	font: 11px/16px Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
}

.changed {
	background-color:#b22a2a;
	color:#ffffff;
}

.same {
	background-color:#ffffff;
	color:#000000;
}

option {    
	font: 11px/16px Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
}

input  {
	font: 11px/14px Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
	border: 3px double #CCCCCC;
	width:250px;
	height:25px;
	padding-left:3px;
}

input.normal {
	border:none;
	width:auto;
	height:auto;
	padding-left:auto;
}

option {    
	font: 11px/16px Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
}

/* buttons */

.button {
	white-space:nowrap;
	text-decoration: none;
	color:#486d9c;
	background: #ffffff url(../img/bg_nav.gif) repeat-x;
	padding: 4px 2px 6px 2px;
	margin:0px 1px 0px 1px;
	border: 2px solid #ffffff;
	outline:none;
	font: bold 13px/2 Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
	cursor: pointer; /* cursor: hand; for IE5 */
}

.button:hover {
	color:#ffffff;
	background: #18516f url(../img/bg_btn.gif) repeat-x;
}

.button.disabled {    
	white-space:nowrap;
	text-decoration: none;
	color:#486d9c;
	background: #ffffff url(../img/bg_nav.gif) repeat-x;
	padding: 4px 2px 6px 2px;
	margin:0px 1px 0px 1px;
	border: 2px solid #ffffff;
	outline:none;
	font: bold 13px/2 Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
}

.button.disabled:hover {    
    background: #ffffff url("../img/bg_nav.gif") repeat-x scroll 0 0;
    color: #486d9c;
    cursor: pointer;
}

#sm {
	padding: 2px 7px 3px 7px;
	font-size:12px;
	line-height:2;
	text-decoration:none;
}

.btn {
	font: 11px/16px Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold;
	color:#ffffff;
	background: #18516f url(../img/bg_btn.gif) repeat-x;
	padding:3px;
	border:1px solid #2c4159;
	width:auto;
	height:auto;
	text-decoration:none;
}

.btn.disabled {
	font: 11px/16px Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
	color:#aaaaaa;
	background: #18516f url(../img/bg_nav.gif) repeat-x;
	padding:3px;
	border:1px solid #2c4159;
	width:auto;
	height:auto;
}

.btn:hover {
	background: #5a8dbf;
	cursor: pointer; /* cursor: hand; for IE5 */
}

.btn.disabled:hover {
	background: #18516f url(../img/bg_nav.gif) repeat-x;
	cursor: auto; /* cursor: hand; for IE5 */
	
}

/* type */

.titleSm {
	font-size: 16px;
	font-weight: bold;
	color:#000000;
	line-height:12px;
}

.bodyTxt {
	line-height: 2;
}

a.search {
	text-decoration: none;
	font-weight: bold;
	color:#486d9c;
	background: #ffffff url(../img/bg_nav.gif) repeat-x;
	padding: 2px 6px 3px 6px;
	border: 2px solid #ffffff;
	outline:none;
}

a.search:hover {
	color:#ffffff;
	background: #18516f url(../img/bg_btn.gif) repeat-x;
}

/* results */

tr.searchtitle td {
	background-color:#b8bec4;
	font-weight:bold;
}
tr.searchA {
	background-color:#fcfcfc;
}
tr.searchB {
	background-color:#e5e5e5;
}
#results {
	border-width: 0px 1px 1px 0px;
	border-color: #93999f;
	border-style: solid;
}
#results td {
	border-width: 1px 0px 0px 1px;
	border-color: #93999f;
	border-style: solid;
}
.curSelection {
	padding:0px 6px 0px 6px;
	text-align:center;
	border: 2px solid white;
	background-color:#ffffff;
	white-space:nowrap;
	font-size:11px;
	line-height:20px;
	border: 1px solid #d3d7dc;
	display:inline-block;
	vertical-align:middle;
}

.buy {
	margin-top:4px;
}

.note {
	color:#db0000;
	line-height:1.5;
}

/* bottom nav */

.bottomNavBox {
	margin:0px 2px 0px 2px;
	border: 1px solid #d3d7dc;
	background-color:#f7f8f9;
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
}

#bottomNav a {
	padding:2px 4px 2px 4px;
	white-space:nowrap;
	display:inline-block;
	text-decoration: none;
}

#bottomNav a:hover {
	text-decoration:underline;
}

#sel {
	background-color:#e3e6ea;
	margin:0px 2px 0px 2px;
}

/* login bar */

.account {
	position:absolute;
	top:0px;
	right:0px;
	text-align: center;
}

.account td {
	font: bold 11px Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
}

.account a {
	color:#ffffff;
	text-decoration:none;
}

.accountContents {
	display:inline-block;
	padding: 8px 0px 8px 0px;
}

.cart {
	border:0px;
	text-align: center;
	width:25px;
	color:#505152;
	font: bold 14px Helvetica, Arial, sans-serif;
}

.menu {
	position:relative;
	top:-5px;
	display:inline-block;
	width:100%;
	padding-bottom: 8px;
	background-color: #505152;
	text-align: center;
}

.menu a:hover {
	text-decoration:underline;
}

/* sticky footer */

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -29px;
}
.footer, .push {
	padding:0px;
	color: #d7d8dc;
	font-size: 9px;
	height: 24px;
}

.footer a {
	color: #d7d8dc;
}

/* login bar */

.account {
	position:absolute;
	top:0px;
	right:0px;
	text-align: center;
}

.account td {
	font: bold 11px Lucida Grande, Verdana, Helvetica, Arial, sans-serif;
}

.account a {
	color:#ffffff;
	text-decoration:none;
}

.account a:hover {
	text-decoration:underline;
}

.accountContents {
	display:inline-block;
	padding: 8px 0px 8px 0px;
}

.cart {
	border:0px;
	text-align: center;
	width:25px;
	color:#505152;
	font: bold 14px Helvetica, Arial, sans-serif;
}

.menu {
	position:relative;
	top:-5px;
	display:inline-block;
	width:100%;
	padding-bottom: 8px;
	background-color: #505152;
	text-align: center;
}

.menu a:hover {
	text-decoration:underline;
}

.menu {
    position:relative;
    top:-6px;
    padding: 3px 15px 8px 15px;
    background-color: #505152;
    text-align: center;
    width:auto;
    display:none;
    overflow:visible;
}

.myaccount {
    cursor: pointer; /* cursor: hand; for IE5 */
}

div.lang {
    position:relative;
    top:0px;
    right:0px;
    display:inline-block;
    padding:6px;    
    cursor: pointer; /* cursor: hand; for IE5 */
	color:#5a5a5a;        
}

.account a {
  cursor: pointer; /* cursor: hand; for IE5 */
}

.langSelect a {
  color:#5a5a5a;
  line-height:2.5em;	
}

div.langSelect {
    display:none;
    position:absolute;
    top:26px;
    right:0px;
    padding:3px;
    background-color:#ffffff;
    white-space:nowrap;
    text-align:left;
    color:#5a5a5a;
}

.estimateLabel {
  color:#c1cdde;
  font-size:11px;
}

.estimatePart {
  color:#ffffff;
  font-size:13px;
  font-weight:bold;
}

a.problem {
    border: 0 none;
    bottom: 0;
    height: 18px;
    margin: 3px;
    position: absolute;
    right: 0;
    width: 17px;	
}

img.problem {
    border: 0 none;
    bottom: 0;
    height: 18px;
    margin: 3px;
    position: absolute;
    right: 0;
    width: 17px;
}
img {
    border: medium none;
    outline: medium none;
}

span.price {
    color: #909090;
    font-size: 9px;
}

#tooltip
{
font-size: 11px; 
font-weight:bold;
text-align: center; 
text-shadow: 0 1px rgba( 40, 55, 71, .5 ); 
line-height: 1.5; 
color: #F2F2F2;
background: #333; 
background: -webkit-gradient( linear, left top, left bottom, from( rgba( 40, 55, 71, .9 ) ), to( rgba( 40, 55, 71, 1 ) ) ); 
background: -webkit-linear-gradient( top, rgba( 40, 55, 71, .9 ), rgba( 40, 55, 71, 1 ) );
background: -moz-linear-gradient( top, rgba( 40, 55, 71, .9 ), rgba( 40, 55, 71, 1 ) ); 
background: -ms-radial-gradient( top, rgba( 40, 55, 71, .9 ), rgba( 40, 55, 71, 1 ) ); 
background: -o-linear-gradient( top, rgba( 40, 55, 71, .9 ), rgba( 40, 55, 71, 1 ) ); 
background: linear-gradient( top, rgba( 40, 55, 71, .9 ), rgba( 40, 55, 71, 1 ) );
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius: 8px; 
-webkit-box-shadow: 0 3px 5px rgba( 40, 55, 71, .3 ); 
-moz-box-shadow: 0 3px 5px rgba( 40, 55, 71, .3 ); 
box-shadow: 0 3px 5px rgba( 40, 55, 71, .3 ); 
position: absolute;
z-index: 100; 
padding: 8px; 
max-width:100px;
}
  
#tooltip:after
{
width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent; 
border-top: 10px solid #333; 
    border-top-color: rgba( 40, 55, 71, 1 );
content: ''; 
position: absolute; 
left: 50%; 
bottom: -10px; 
margin-left: -10px; 
}
#tooltip.top:after
{
    border-top-color: transparent;
border-bottom: 10px solid #333; 
    border-bottom-color: rgba( 40, 55, 71, 1 ); 
top: -20px; 
bottom: auto;
}
#tooltip.left:after
{
left: 10px; 
margin: 0; 
}
#tooltip.right:after
{
right: 10px; 
left: auto; 
margin: 0; 
}
.tp_button {
 margin-top: 4px;
 }
 
span.green, a.green {
    color: #2da100;
}

span.red {
    color: #db0000;
}

div.currency {
    color: #5e5e5e;
    font-size: 9px;
    margin-bottom: 3px;
}

.ui-widget-overlay img.centered {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -64px;
    margin-left: -64px;
  }
  
	div.chatnow_dialog {
		margin:5px 10px;
	}
	div.chatnow_dialog span {
		line-height:1.5;
	}
	div.chatnow_dialog span a {
		color:#269b36;
		font-weight:bold;
	}
	.chatHelp {
		background: #ebeced url("../img/bg_window.gif") repeat-x scroll 0 0;
	    transition: opacity .5s;
	    margin: 5px 10px;
	    padding: .5em 1em;
	}
	.chatHelp > div {
		padding:10px;
	}
	div.roster {
		display:inline-block;
		line-height:2;
		margin:auto;
		padding:8px 0px 5px 0px;
		text-align:left;
	}
	div.roster div {
		background-color:#fff;
		border:1px solid #ffffff;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		cursor: pointer; /* cursor: hand; for IE5 */
		margin:6px 0px;
		padding:2px 7px;
		white-space:nowrap;
		vertical-align: middle;
	}
		div.key {
		display:inline-block;
		line-height:1.5;
		margin-bottom:20px;
		text-align:left;
	}
	div.key > div {
		margin:5px 0px;
		padding:2px 7px;
	}
	div.key_left, div.key_right {
		display:inline-block;
		margin:auto;
		vertical-align:top;
	}
	div.key_left {
		width:25px;
	}
	div.key_right {
		width:260px;
	}
	div.chatbtn {
		background-color:#fff;
		border:2px solid #43b057;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		color:#269b36;
		cursor: pointer; /* cursor: hand; for IE5 */
		display:inline-block;
		font-weight:bold;
		line-height:15px;
		margin:6px 0px;
		padding:3px 5px;
	}
	div.chatbtn:hover {
		background-color:#43b057;
		color:#ffffff;
	}
	div.roster div img, div.key div img {
		height:auto;
		max-width:15px;
		vertical-align: middle;
		width:100%;
	}
	img.chatbtn {
		width:84px;
		height:31px;
		vertical-align:middle;
		margin:2px -2px -2px 0px;
		cursor: pointer; /* cursor: hand; for IE5 */
	}
	div.roster div:hover {
		border-color:#afafaf;
	}

	div.chatnow_dialog > a.help {
    padding: 5px 7px 2px 7px;
}

div.chatnow_dialog > a.help {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #222222;
    position: absolute;
    bottom: 5px;
    right: 5px;
    padding: 5px 8px;
    font: bold 1.2em/1 Helvetica, Arial, Verdana, sans-serif;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer; /* cursor: hand; for IE5 */
}

div.chatnow_dialog > a.help_ie8 {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    color: #222222;
    position: absolute;
    bottom: 5px;
    right: 15px;
    padding: 5px 8px;
    font: bold 1.2em/1 Helvetica, Arial, Verdana, sans-serif;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    cursor: pointer; /* cursor: hand; for IE5 */
}

div.chatnow_dialog > a.help:hover {
		border-color:#afafaf;
}