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

/********************************************************************* HTML TAGS */

form {
margin:0px;
padding:0px;
}

body {
margin: 0px;
padding: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:8.5pt;
color:#333;
text-align: center;
background:#000 url(/images/bg.gif) no-repeat 50% 0%;
}

h1 {
font-size:15pt;
font-weight:normal;
padding:0 0 14px 0;
margin:0px;
color:#333;
}

.hd {
text-indent:-3000px;
width:640px;
height:40px;
padding:0px;
margin:0px;
background-position:top left;
background-repeat:no-repeat;
}

.dns {
display:none;
}

h2 {
font-size:12pt;
padding:0 0 3px 0;
margin:0px;
}

h3 {
font-size:10pt;
padding:0 0 3px 0;
margin:0px;
}

h4 {
font-size:9pt;
padding:0 0 3px 0;
margin:0px;
}

a {
color:#e51937;
}

p {
padding:8px 0 0 0;
margin:0px;
}


/********************************************************************* CLASSES */

.clear {
clear:both;
}

.none {
padding:0px;
margin:0px;
}

.tiny {
padding:3px 0 0 0;
margin:0px;
}

.tspace {
padding:8px 0 0 0;
margin:0px;
}

.space {
padding:18px 0 0 0;
margin:0px;
}

.gap {
padding:30px 0 0 0;
margin:0px;
}

.alert {
color:#e51937;
font-weight:bold;
font-size:10pt;
padding:0 0 14px 0;
margin:0px;
}

.disclaimer {
color:#666;
font-size:8pt;
font-weight:normal;
}

.note {
padding:14px;
background-color:#ffffcc;
border:dotted 1px #000;
}

.rssLink {
color:#333;
}

/********************************************************************* LAYOUT */


div#container {
width:1000px;
background:#fff url(/images/bg_container.gif) top left repeat-y;
height:auto;
text-align:left;
margin-left:auto;
margin-right:auto;
}

div#top {
border-top:5px solid #ccc;
border-right:5px solid #ccc;
border-left:5px solid #ccc;
width:990px;
height:141px;
background:#ccc url(/images/top.gif) top left no-repeat;
position:relative;
}

div#left {
border-left:5px solid #ccc;
padding:20px 20px 50px 15px;
width:640px;
height:auto;
float:left;
position:relative;
}

div#dashboard {
border-left:5px solid #ccc;
border-right:5px solid #ccc;
padding:20px 15px 50px 15px;
width:960px;
min-height:600px;
position:relative;
}

div#fullScreen {
border-left:5px solid #ccc;
border-right:5px solid #ccc;
padding:20px 15px 50px 15px;
width:960px;
min-height:600px;
position:relative;
}

div#right {
border-right:5px solid #ccc;
padding:20px 15px 20px 0;
width:300px;
height:600px;
float:left;
position:relative;
}

div#homeLeft {
border-left:5px solid #ccc;
padding:20px 20px 20px 15px;
width:548px;
height:324px;
float:left;
position:relative;
}

div#homeRight {
border-right:5px solid #ccc;
padding:20px 15px 20px 0;
width:392px;
height:324px;
float:left;
position:relative;
}

div#footerLogos {
border:5px solid #ccc;
width:990px;
height:74px;
border-top:solid 5px #ccc;
}

div#footerLinks {
width:1000px;
padding:20px 0px 40px 0px;
background-color:#000;
text-align:right;
}




/********************************************************************* TOP: GUEST LOGIN */

div#top #topBG_guest {
width:181px;
height:113px;
position:absolute;
top:0px;
left:790px;
background:#333 url(/images/topBG_guest.gif) top left no-repeat;
}

div#top #apiActLogin {
position:absolute;
top:33px;
left:878px;
}

div#top #pwdLogin {
position:absolute;
top:57px;
left:878px;
}

div#top #submit {
position:absolute;
top:81px;
left:929px;
}

div#top #signup {
position:absolute;
top:81px;
left:878px;
}

div#top #forgotPwd {
position:absolute;
top:92px;
left:798px;
}

.topInput {
width:96px;
height:13px;
border:solid 1px #ccc;
padding-top:3px;
font-size:8pt;
color:#666;
}


/********************************************************************* TOP: MEMBER LOGIN */

div#top #top_memberName {
position:absolute;
top:11px;
left:806px;
width:184px;
height:83px;
color:#fff;
}

div#top #top_cartButton {
position:absolute;
top:27px;
left:806px;
}

div#top #top_cartContents {
position:absolute;
top:30px;
left:844px;
width:146px;
height:83px;
color:#fff;
line-height:10pt;
}

div#top #top_memberLinks {
position:absolute;
top:65px;
left:806px;
width:184px;
color:#ccc;
line-height:10pt;
font-size:8pt;
}

div#top #top_memberLinks a {
color:#ccc;
}




/********************************************************************* TOP: MAIN NAV */

div#top #homeButton {
position:absolute;
top:0px;
left:15px;
}

div#top #nav {
position:absolute;
top:121px;
left:15px;
color:#fff;
font-size:9pt;
width:960px;
}

#nav a {
text-decoration:none;
color:#fff;
}

#nav a:hover {
text-decoration:underline;
color:#fff;
}

div#top #nav ul {
margin:0px;
padding:0px;
list-style:none;
}

#nav li {
float:left;
padding:0px 10px;
line-height:15px;
text-align:center;
border-right:dotted 1px #fff;
}

#nav .arrow {
background:url(/images/navArrow_down.gif) no-repeat left 50%;
padding-left:12px;
}

/***IE HACK IN HEAD.INC.PHP FILE */
#dropmenudiv {
position:absolute;
margin:10px 0px 0px -6px;
border-right:1px solid #333;
border-left:1px solid #333;
border-bottom-width: 0;
font:normal 8.5pt Arial;
text-align:left;
line-height:18px;
z-index:100;
}
/*********************************/

#dropmenudiv a {
color:#999;
width: 100%;
display: block;
border-bottom: 1px solid #333;
padding: 1px 0px;
text-decoration: none;
font-weight: normal;
background:#000 url(/images/navArrow_right.gif) no-repeat left 50%;
text-indent:23px;
}

#dropmenudiv a:hover {
color:#fff;
background:#666 url(/images/navArrow_rightOver.gif) no-repeat left 50%;
}

#dropmenudiv .rssIcon {
background:#000 url(/images/navArrow_rss.gif) no-repeat left 50%;
}

#dropmenudiv .rssIcon:hover {
background:#666 url(/images/navArrow_rssOver.gif) no-repeat left 50%;
}

div#top #smText {
position:absolute;
top:120px;
left:937px;
}

div#top #medText {
position:absolute;
top:120px;
left:949px;
}

div#top #lgText {
position:absolute;
top:120px;
left:962px;
}


/********************************************************************* HOME LEFT (ROTATION) */

#slideHeaderDiv {
width:548px;
height:324px;
position:relative;
background-color:#000;
}


#slideMainDiv {
float:left;
height:270px;
width:496px;
position:relative;
background-color:#000;
}

.slideDiv {
width:496px;
height:270px;
position:absolute;
top:0px;
left:0px;
}

#newdiv {
float:left;
width:40px;
padding:5px 6px 0px 6px;
}

#playPause {
position:absolute;
top:274px;
left:502px;
}

.title {
position:absolute;
top:242px;
left:13px;
width:477px;
font-size:16pt;
font-family:arial narrow, Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
}

.title a {
font-size:16pt;
font-family:arial narrow, Arial, Helvetica, sans-serif;
color:#000;
font-weight:bold;
text-decoration:none;
}

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

.description {
position:absolute;
top:275px;
left:13px;
width:477px;
font-size:8pt;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
}

.slideThumb {
width:40px;
height:48px;
margin-bottom:6px;
}

.slideThumb img {
border:solid 0px;
}



/********************************************************************* HOME RIGHT (EPARTS & BANNERS) */

div#homeRight #eparts {
width:382px;
height:165px;
border:solid 1px #666;
border-top:0px;
background:#000 url(/images/homeRight_bg.gif) top left;
padding-left:8px;
}

div#homeRight #eparts ul {
margin:0px;
padding:0px;

}

div#homeRight #eparts li {
padding-top:18px;
float:left;
list-style:none;
}

/*
div#homeRight #banners img {
margin-top:20px;
}
*/


#quickSearch {
width:392px;
height:130px;
background:#fff url(/images/homeRight_xPressSearch.gif) 0px 20px  no-repeat;
position:relative;
}

#quickSearch #partsButton {
position: absolute;
top:20px;
left:0px;
}

#quickSearch #ordersButton {
position: absolute;
top:20px;
left:196px;
}


#epartsHead {
width:392px;
height:28px;
background:#fff url(/images/homeRight_head.gif) top left no-repeat;
position:relative;
}

#epartsHead #epartsButton {
position:absolute;
top:0px;
left:0px;
}

#epartsHead #orderButton {
position:absolute;
top:0px;
left:104px;
}

#epartsHead #pwrPortalButton {
position:absolute;
top:0px;
left:226px;
}



/********************************************************************* FOOTER */

#footerLinks {
color:#999;
font-size:8pt;
}

#footerLinks a {
color:#999;
}




/********************************************************************* FORMS */

#apiForm {
width:308px;
}

#apiForm label {
padding-bottom:5px;
}

.input {
border:solid 1px #ccc;
margin-top:3px;
font-size:8.5pt;
color:#666;
}

.input300 {
width:300px;
border:solid 1px #ccc;
margin-top:3px;
font-size:8.5pt;
padding-left:6px;
color:#666;
}

.input250 {
width:250px;
border:solid 1px #ccc;
margin-top:3px;
font-size:8.5pt;
padding-left:6px;
color:#666;
}

.input200 {
width:192px;
border:solid 1px #ccc;
margin-top:3px;
font-size:8.5pt;
padding-left:6px;
color:#666;
}


.input150 {
width:150px;
border:solid 1px #ccc;
margin:3px 0 8px 0;
font-size:8.5pt;
padding-left:6px;
color:#666;
}

.input100 {
width:100px;
border:solid 1px #ccc;
margin:3px 0 8px 0;
font-size:8.5pt;
padding-left:6px;
color:#666;
}

.input75 {
width:75px;
border:solid 1px #ccc;
font-size:8.5pt;
padding-left:6px;
color:#666;
}

.input50 {
width:50px;
border:solid 1px #ccc;
font-size:8.5pt;
padding-left:6px;
color:#666;
}

.input25 {
width:25px;
border:solid 1px #ccc;
margin-top:3px;
font-size:8.5pt;
padding-left:6px;
color:#666;
}

.classFull {
color:#e51937;
}

#apiForm em {
color:#e51937;
font-weight:bold;
}

#apiForm .notRequired {
color:#fff;
}

/********************************************************************* LIST */

.gen {
margin:0px;
padding:8px 0 0 0;
list-style:none;
}

.gen li {
margin:0px;
padding:0 0 3px 8px;
background:url(/images/list_disc.gif) top left no-repeat;
}


/********************************************************************* STAR RATING SYSTEM */

.starry {
	width:auto;
	margin:0px;
	padding:0px;
	width:auto;
	float:left;
}



/********************************************************************* SCROLLER CSS */


#techUpdate {
margin-top:8px;
width: 250px;
height: 165px;
overflow: auto;
position: relative;
background-color: #fff;
z-index: 1;
}

#warClaimDolmar {
margin-top:8px;
width: 960px;
height: 1300px;
overflow: auto;
position: relative;
z-index: 1;
}

#feedback {
margin-top:0px;
width: 270px;
height: 325px;
overflow: auto;
position: relative;
background-color: #fff;
z-index: 1;
}

#recentOrders {
margin-top:8px;
width: 320px;
height: 280px;
overflow: auto;
position: relative;
background-color: #fff;
z-index: 1;
}

#homeLeft_alert {
margin:15px 0px;
padding:5px 10px;
width: 480px;
height: 145px;
overflow: auto;
position: relative;
background-color: #fff;
z-index: 1;
}

#tou {
width: 634px;
padding:3px;
height: 38px;
border:solid 1px #ccc;
overflow: auto;
position: relative;
background-color: #fff;
z-index: 1;
font-size:7pt;
color:#666;
}

#convo {
width: 632px;
overflow: auto;
position: relative;
background-color: #fff;
z-index: 1;
}

.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}

.vscrollerbase {
width: 15px;
background: #fff url(/images/scroll_vertical.gif) 0px 0px repeat-y;
}
.vscrollerbar {
width: 15px;
background: #fff url(/images/scroll_vertical.gif) -15px 0px repeat-y;
}
.hscrollerbase {
height: 15px;
background: #fff url(/images/scroll_horizontal.gif) 0px -15px repeat-x;
}
.hscrollerbar {
height: 15px;
background: #fff url(/images/scroll_horizontal.gif) 0px -30px repeat-x;
}
.vscrollerbar, .hscrollerbar {
padding: 10px;
z-index: 2;
}
.vscrollerbarbeg {
background: url(/images/scroll_vertical.gif) -45px -30px no-repeat;
width: 15px;
height: 15px;
}
.vscrollerbarend {
background: url(/images/scroll_vertical.gif) -45px 0px no-repeat;
width: 15px;
height: 15px;
}
.hscrollerbarbeg {
background: url(/images/scroll_vertical.gif) -60px -15px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbarend {
background: url(/images/scroll_vertical.gif) -30px -15px no-repeat;
height: 15px;
width: 15px;
}
.scrollerjogbox {
width: 15px;
height: 15px;
top: auto; 
left: auto;
bottom: 0px;
right: 0px;
background: #fff url(/images/scroll_horizontal.gif) 0px 0px;
}
.vscrollerbasebeg {
background: url(/images/scroll_vertical.gif) -30px -30px no-repeat;
width: 15px;
height: 15px;
}
.vscrollerbaseend {
background: url(/images/scroll_vertical.gif) -60px -30px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbasebeg {
background: url(/images/scroll_vertical.gif) -60px 0px no-repeat;
height: 15px;
width: 15px;
}
.hscrollerbaseend {
height: 15px;
width: 15px;
background: url(/images/scroll_vertical.gif) -30px 0px no-repeat;
}
.scrollerjogbox:hover {
background: #5E828C url(/images/scroll_vertical.gif) -45px -15px;
}