@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% fixed;
background:#000 url(/images/bg_octSP.jpg) no-repeat 50% 0% fixed;
*/
background:#FFF url(/images/bg_ps12.jpg) no-repeat 50% 0% fixed;
}

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

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

.hdTxtContainer {
width:640px;
height:40px;
padding:0px;
margin:0px;
background:url(/images/head_bg.gif) top left no-repeat;
}

.hdTxt {
position:relative;
top:-2px;
font-size:17pt;
font-family: 'Oswald', sans-serif;
background:#fff;
padding-right:5px;
text-transform:uppercase;
}

.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;
}

.smdisclaimer {
color:#666;
font-size:7pt;
font-weight:normal;
}

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

.rssLink {
color:#333;
}

.btn-sm-e51937, .btn-e51937 {
background:#e51937;
border:solid 1px #000;
color:#fff;
}

.btn-sm-e51937 a, .btn-e51937 a {
text-decoration:none;
color:#fff;
}

.btn-sm-e51937 {
padding:1px 3px;
font-size:7pt;
text-transform:uppercase;
}
	
.btn-e51937 {
font-family: 'Open Sans Condensed', sans-serif;
font-size:11pt;
background:#e51937 url(/images/bg_btnArrow.gif) top right no-repeat;
padding:0px 18px 2px 6px;
}



.btn-sm-999 {
padding:1px 3px;
background:#999;
border:solid 1px #666;
color:#fff;
font-size:7pt;
text-transform:uppercase;
}

.btn-sm-999 a {
text-decoration:none;
color:#fff;
}

.btn-sm-26c000 {
padding:1px 3px;
background:#26c000;
border:solid 1px #000;
color:#fff;
font-size:7pt;
text-transform:uppercase;
}

.btn-sm-26c000 a {
text-decoration:none;
color:#fff;
}


/********************************************************************* 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#topBanner {
position:fixed;
clear:both;
width:1000px;
height:60px;
z-index:1; !important
}

div#top {
position:fixed;
clear:both;
border-top:5px solid #ccc;
margin: 0px 5px;
width:990px;
height:141px;
z-index:1; !important
}

div#left {
padding:20px 20px 50px 20px;
width:640px;
height:auto;
float:left;
position:relative;
}

div#dashboard {
padding:20px 20px 50px 20px;
width:960px;
min-height:600px;
position:relative;
}

div#fullScreen {
padding:20px 20px 50px 20px;
width:960px;
min-height:600px;
position:relative;
}

div#right {
padding:20px 20px 20px 0;
width:300px;
height:600px;
float:left;
position:relative;
}

div#homeLeft {
padding:20px;
width:548px;
height:324px;
float:left;
position:relative;
}

div#homeRight {
padding:20px 20px 20px 0px;
width:392px;
height:324px;
float:left;
position:relative;
}

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

}

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




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

div#top #topBG_guest {
width:181px;
height:113px;
position:absolute;
top:0px;
left:790px;
}

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:719px;
width:250px;
height:83px;
color:#fff;
}

div#top #top_memberPic {
position:absolute;
top:27px;
left:719px;
width:77px;
height:77px;
}

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

div#top #top_cartContents, div#top #top_cartContentsPing {
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:fixed;
margin:10px 0px 0px -12px;
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:239px;
left:13px;
width:477px;
font-size:16pt;
font-family: 'Oswald', sans-serif;
color:#000;
}

.title a {
font-size:16pt;
font-family: 'Oswald', sans-serif;
color:#000;
text-decoration:none;
}

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

.description {
position:absolute;
top:278px;
left:13px;
width:477px;
font-size:8pt;
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 #000;
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:#ccc;
}

/********************************************************************* 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 */


#xPressClaims {
margin-top:8px;
width: 520px;
height: 120px;
overflow: auto;
position: relative;
background-color: #fff;
z-index: 1;
}

#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;
}