#controls {
    position: relative;
    float: left;
    top: 45px;
    left: 0px;
    width: 725px;
    height: 100%;
    margin: 10px 10px 10px 30px;
    /*background-color: #6699CC;*/
    border-radius: 10px;
    border: 2px solid #FFFFFF;
    padding: 28px;
    margin-top: 10px;
    background: #6699cc; /* Old browsers */
    box-shadow: 3px 3px 6px 2px #444;
    background: -moz-linear-gradient(top, #6699cc 1%, #a2bdd3 15%, #a2bdd3 22%, #6699cc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #6699cc), color-stop(15%, #a2bdd3), color-stop(22%, #a2bdd3), color-stop(100%, #6699cc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6699cc 1%, #a2bdd3 15%, #a2bdd3 22%, #6699cc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6699cc 1%, #a2bdd3 15%, #a2bdd3 22%, #6699cc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6699cc 1%, #a2bdd3 15%, #a2bdd3 22%, #6699cc 100%); /* IE10+ */
    background: linear-gradient(top, #6699cc 1%, #a2bdd3 15%, #a2bdd3 22%, #6699cc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#6699cc', endColorstr = '#6699cc', GradientType = 0); /* IE6-9 */
}


#mainContentWrapper {
    /*uncomment if using leftNav*/
   /* left: 320px;*/
}

#mainContent {
    height: 680px;
    max-width: 900px;
    text-align: center;
}

#leftContainer {
    position: relative;
    width: 340px;
    top: 70px;
}

#leftSubContainer {
    position: relative;
    top: -30px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

#autoCheckPartsLabel {
    font: 10px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}



#cadButtonMain{
    display: inline-block;
    margin-bottom:10px;
}

#myPartsButtonMain{
    display: inline-block;
}


#searchButtonDiv{
    text-align: center;
    height: 28px;
    margin-bottom: 2px;
    margin-top:2px;
    /*vertical-align: middle;*/
    padding-bottom: 10px;
}
#searchTextMain{
    border:1px solid #979797;
    vertical-align: middle;
}

/*#searchButtonMain{
    border: 2px solid #979797;
}*/

#searchText {
    color: #444444;
    width: 60px;
}
#searchTextMainLabel{
    color:#979797;
    font: 1.5em "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}



#controlSelectsSub {
}

select {
    font: 12px "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    background-color: #FFFFFF;
    color: #444444;
    border: 1px solid #FFFFFF
}

#searchLabels {
    width: 70px;
    float: left;
}

#searchInputs {
    width: 130px;
    float: right;
}

/*#searchButton {
    height: 25px;
    padding: 1px 3px 1px 3px;
}*/


#searchTextLabel {
    color: #444444;
}

#searchLink {
    color: #444444;
    text-decoration: none;
    border: none;
}

#searchLinkImg {
    border: none;
}

/*///////////////////////////////////////////////////////////////////////////////
 //////////////////////CAD dialog/////////////////////////////////////////
 ////////////////////////////////////////////////////////////////////////////////*/
#cadDialog {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 750px;
    background-color: #1a304d;
    color: #444444;
    border: 2px solid #FFFFFF;
    border-radius: 8px;
    display: none;
    z-index: 35;
    padding: 10px;
}

#DDCADcontrols, #DDDCADcontrols {
    position: relative;
    width: 350px;
    padding: 2px;
    background-color: #a2bdd3;
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    heigth: 118px;
}

#DDCADcontrols {
    float: left;
}

#DDDCADcontrols {
    float: right;
}

#DDheader, #DDDheader, #DDfooter, #DDDfooter {
    text-align: center;
}

#DDformatsLeft, #DDDformatsLeft {
    width: 15%;
    float: left;
    text-align: right;
    padding: 4px;
}

#DDformatsRight, #DDDformatsRight {
    width: 80%;
    float: right;
    text-align: left;
    padding: 4px;
}

#cadDialogInfoDiv {
    position: relative;
    float: left;
    text-align: center;
    width: 100%;
    height: 60px;
}

#cadDialogInfo {
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    background-color: #a2bdd3;
    color: #444444;
}

#cadDialogOpaqBack {
    background-color: #000;
    opacity: 0.85; /* Safari, Opera */
    -moz-opacity: 0.85; /* FireFox */
    filter: alpha(opacity = 85); /* IE */
    z-index: 30;
    height: 100%;
    width: 100%;
    background-repeat: repeat;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
}

#cadDialogCloseBox {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 30px 30px 30px 0px;
    border-color: #FFFFFF;
    border-style: solid;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033; /*#1a304d;*/
    border-width: 2px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
}

#cadDialogCloseBoxV {
    position: absolute;
    top: 0px;
    right: 17px;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033;
    z-index: 25;
    width: 4px;
    height: 17px;
}

#cadDialogCloseBoxH {
    position: absolute;
    top: 17px;
    right: 2px;
    /*background-color: #a2bdd3;*/
    background-color: #fff;
    z-index: 25;
    width: 768px;
    height: 2px;
}

#cadDialogCloseX {
    position: absolute;
    left: 10px;
    top: 4px;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}

#cadDialogTopControls {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px 0px 0px 0px;
    background-color: #cc0033;
    width: 751px;
    height: 17px;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 12px;
}

#DDcover {
    position: absolute;
    top: 0;
    left: 0;
    width: 350px;
    background-color: #a2bdd3;
    border-radius: 6px;
    display: none;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    height: 100%;

}

/*///////////////////////////////////////////////////////////////////////////////
 //////////////////////custom CAD builder/////////////////////////////////////////
 ////////////////////////////////////////////////////////////////////////////////*/
#cadStartFloat {

}

#cadButton {
    visibility: hidden;
}

#currentGearTypeImgDiv {
    position: absolute;
    top: -10px;
    left: 90px;
}
#comingSoon{
    position: absolute;
    top:180px;
    left:90px;
    color: #979797;
    text-align: left;
}
#cadButtonImage {
    /*  font-family: 8px,"Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
      font-size: 26px;
      width: 210px;
      height: 70px;*/
    font-family:  "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size:8px;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    padding: 5px;
    width: 130px;
    height: 105px;
    color: #ffffff;
    white-space: normal;
    text-shadow: 2px 2px 2px #000;
    box-shadow: 3px 3px 6px 2px #444;
    background: #cc0033; /* Old browsers */

}

#clickToStartDiv {
    position: absolute;
    left: 40px;
    top: 20px;
    width: 806px;
}
#customGearBuilderImageDiv{
    position:absolute;
    left: 75px;
    top:250px;
}

#customGearTypeSelections, #feedbackContainer,#myPartsContainer,#changeEmailContainer,#chatContainer {
    position: absolute;
    left: 0px;
    top: 17px;
    width: 0px;
    height: 0px;
    text-align: center;
    background-color: #cc0033;
    /* border-right: 2px solid #FFFFFF;
     border-bottom: 2px solid #FFFFFF;*/
    border: 2px solid #FFFFFF;
    border-top: 0px;
    z-index: 115;
    border-bottom-right-radius: 6px;
}
#feedbackContainer,#myPartsContainer,#changeEmailContainer,#chatContainer {
    padding: 10px;
    margin-bottom: auto;
    margin-top: auto;
}
#feedbackContainer hr,#myPartsContainer hr,#changeEmailContainer hr,#chatContainer hr{
    color:silver;
    width:150px;
}
#feedback{
    width: 310px;
}
#feedbackInfo{
    text-align: left;
    font-size: 12px;
    width:310px;
    margin-left: auto;
    margin-right: auto;
}

.gearTypeImg {
    cursor: pointer;
    padding: 6px 6px 0px 6px;
    float: left;
    text-align: center;
}

#customContent {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 21;
    display: none;
    color:#FFFFFF;
}

#container {
    /* position: absolute;
     top: 0px;
     left: 0px;*/
    position: relative;
    width: 910px;
    height: 660px;
    z-index: 21;
    box-shadow: 3px 3px 6px 2px #000;
    /*box-shadow: 6px 28px 4px 2px #444;*/
}
#container select{
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size:14px;
}
#toothDisclaimerDiv{
    position: absolute;
    top:620px;
    left:20px;
    width:95%;
    border-radius: 6px;
    padding-left: 4px;
}

.cont {
    background: #a2bdd3;
    /*background:#87CD81;*/
    border: 2px solid #FFFFFF;
    color: #fff;
    display: none;
    height: 100%;
    border-radius: 10px;
}

#topLinks {
    position: absolute;
    top: -5px;
    left: 15px;
    margin: 0px;
    padding: 0px;
    color:#FFFFFF;
}
#topSearchDiv{
    position: absolute;
    top:-48px;
    left:300px;
    height: 30px;
    border: 2px solid #FFFFFF;
    background-color: #1A304D;
    padding: 8px;
    border-radius: 8px 8px 0 0;
    z-index: 1;
}

#newCadLink, #myPartsLink,#STDHT99, #feedbackLink,#changeEmailLink,#chatLink,#quoteFormLink{
    text-decoration: none;
    font-size: 10px;
    color: #FFF;
    font-weight: bold;
}

#newCadLink, #myPartsLink, #feedbackLink,#chatLink,#quoteFormLink a:visited {
    color: #FFF;
}
#salesRads{
    /*display: none;*/
}
#isTypingLabel{
    color:#444444;
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 0 4px 0 4px;
    width: 100px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////chat  -  see style.css for chat window styling
////////////////////////////////////////////////////////////////////////////////////////////////////*/

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

/*////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////PartTabs
/////////////////////////////////////////////////////////////////////////////////////////////*/
#partTabsContainer {
    position: absolute;
    top: 25px;
    left: -145px;
    height: 560px;
    width: 150px;
    overflow: hidden;
    z-index: 25;
    /* border-width:2px 0px 2px 2px;
     border-color: #FFFFFF;
     border-style: solid;*/
}

#partTabsContainerBackground {
    position: absolute;
    top: 22px;
    left: 0px; /*-149px;*/
    height: 562px;
    width: 156px;
    overflow: auto;
    z-index: 21;
    border: 2px solid #fff;
    background-color: #222222;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    /*border-width: 2px 0px 2px 0px;
    border-color: #fff;*/
}

.tab {
    /*display: block;*/
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 135px;
    height: 75px;
    background-color: #444444;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFFFF;
    border-style: solid;
    padding: 2px;
    text-shadow: 1px 1px 2px #000;
}

#partTabs li {
    list-style-type: none;
    margin-bottom: 5px;
    border-radius: 6px 0px 0px 6px;
}
div.active {
    background: #1a304d;
    display: block;
    padding: 10px;
}

li.active {
    background: #1a304d;
    border-right: 2px solid #1a304d;
    z-index: 25;
}

li.inactive {
    /* background-color: #000022;
     color:#444444;*/
}

#topControls {
    position: absolute;
    top: 2px;
    left: 2px;
    border-radius: 8px 0px 0px 0px;
    background-color: #cc0033;
    width: 900px;
    height: 15px;
    white-space: nowrap;
    cursor: move;
}


#topControls a {
    font-size: 10px;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
}
#lockedDiv{
    position: absolute;
    top:17px;
    left:20px;
    /*background-color: #90ee90;*/
    /*background-color: #ffff66;*/
    background-color: #fff;
    color:#444;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size:10px;
    border-width: 0 2px 2px 2px;
    border-style: solid;
    border-color:#fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    padding:2px;
}
#closeGearTypeSelections,#closeFeedbackContainer,#closeMyPartsContainer,#closeChangeEmailContainer,#closeChatContainer{
    position: absolute;
    right: 5px;
    bottom: 1px;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
    cursor: pointer;
    color:#FFFFFF;
}

#closeBox {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 30px 30px 30px 0px;
    border-color: #FFFFFF;
    border-style: solid;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033; /*#1a304d;*/
    border-width: 2px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
}
#errorClose{
    cursor: pointer;
}

#closeBoxV {
    position: absolute;
    top: 2px;
    right: 16px;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033;
    z-index: 25;
    width: 4px;
    height: 16px;
}

#closeBoxH {
    position: absolute;
    top: 17px;
    right: 2px;
    /*background-color: #a2bdd3;*/
    background-color: #fff;
    z-index: 25;
    width: 908px;
    height: 2px;
}

#closeX {
    position: absolute;
    left: 10px;
    top: 4px;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}

.partNums {
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
}

.summary {
    width: 135px;
    height: 55px;
}

.closeTab {
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}

.psButton, .psLinkActive {
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    font-size: 10px; /*.5em*/;
    text-shadow: 1px 1px 2px #000;
}

.tabControls {
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 7px;
    text-shadow: 1px 1px 2px #000;
}

.psLinkActive, .psLinkActive:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.psLink, .psLink:visited {
    color: #444444;
    text-decoration: none;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
    font-size: 10px; /*.5em*/;
}

.psLinkActive:hover {
    color: #000;
    text-shadow: 1px 1px 1px #fff;
}

#errors {
    position: absolute;
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    box-shadow: 3px 3px 6px 3px #444;
    width: 300px;
    padding: 3px;
    /*visibility:hidden;*/
    color: #FFFFFF;
    z-index: 23;
    background-color: #cc0033;
}

.customSpec {
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-weight: bold;
}

.specsDiv {
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;

}
#specControls{
    box-shadow: 3px 3px 6px 2px #000;
}
#specsContainer {
    position: absolute;
    top: 25px;
    left: 12px;
    /* border: 2px solid #FFF;
     border-radius: 16px;
     background-color: #777;*/
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: 878px;
    height: 330px;
    padding: 6px;
}

#dependentSpecsContainer {
    position: absolute;
    top: 218px;
    right: 15px;
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    width: 375px;
    height: 128px;
    background-color: #777777;
}

#dependentSpecsHeader, #previewHeader {
    background-color: #cc0033;
    width: 100%;
    text-align: center;
    font-size: 9px;
    border-bottom: 2px solid #FFFFFF;
    border-radius: 6px;
}
#dependentSpecsContent{
    font-size: 9px;
    width: 205px;
    height:130px;
    padding:4px;
}
#dependentLabels{
    float: left;
    position: relative;
    font-size:14px;
    width:115px;
}
#dependentInputs{
    float:right;
    position: relative;
    width:80px;
}
.dependentInput{
    background-color: #777777;
    border: 0 solid #777777;
    color:#ffffff;
    font-size:14px;
}
#customPDLabel,#customODLabel,#customKeyCountLabel,#customSetscrewCountLabel,#customOALlabel {
    position: relative;
    float: right;
}
#customPD,#customOD,#customKeyCount,#customSetscrewCount,#customOAL{
    width:65px;
    background-color: #777777;
    border: 0 solid #777777;
    color:#ffffff;
    position: relative;
    float: left;
}

#previewContainer {
    position: absolute;
    top: 358px;
    right: 15px;
    border: 2px solid #FFFFFF;
    border-radius: 6px;
    width: 375px;
    height: 250px;
    background-color: #ffffff;
}
#previewRefresh {
    cursor: pointer;
}

#specs1 {
    position: absolute;
    top: 10px;
    left: 10px;
}
#specs2 {
    position: absolute;
    top: 10px;
    left: 290px;
}

#specs3 {
    position: absolute;
    top: 10px;
    left: 505px;
}

#specs1Inputs, #specs2Inputs, #specs3Inputs {
    position: relative;
    float: right;
    padding: 4px;
}

#specs1Labels, #specs2Labels, #specs3Labels {
    position: relative;
    float: left;
    padding: 4px;
}

#customPitchLabel, #customPitchTypeLabel, #customGearTypeLabel, #customMaterialLabel, #customUnitsLabel, #customPALabel, #customHandLabel, #customTransversePitchLabel, #customHALabel, #customBacklashLabel, #customTeethLabel, #customBoreLabel, #customFaceLabel, #customHD1Label, #customHD2Label, #customHP1Label, #customHP2Label, #customCB1DiamLabel, #customCB2DiamLabel, #customCB1DepthLabel, #customCB2DepthLabel {
    position: relative;
    float: right;
}

#customGearType,#customPitch, #customTransversePitch, #customHA, #customBacklash, #customTeeth, #customBore, #customFace, #customHD1, #customHD2, #customHP1, #customHP2, #customCB1Diam, #customCB2Diam, #customCB1Depth, #customCB2Depth {
    position: relative;
    float: left;
    width: 50px;
}

#customGearType, #customMaterial, #customUnits, #customPA {
    position: relative;
    float: left;
}
#customMaterial{
    width: 150px;
}
#customGearType:read-only{
    background-color: #ffffff;
}
div.customSpecHolder {
    height: 36px;
}

#gearChoices {
    float: right;
}

#customGearSummaryDiv {
    position: absolute;
    top: 221px;
    left: 15px;
    border: 2px solid #FFF;
    border-radius: 6px;
    background-color: #777;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    width: 880px;
    height: 80px;
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}

#modifications {
    position: absolute;
    top: 365px;
    left: 15px;
    width: 55%;
    height: 200px;
}

#modTabsContent {
    border: 2px solid #FFFFFF;
    margin-top: 4px;
    background-color: #7db9e8;
    width: 95%;
    height: 206px;
    border-radius: 6px;
    padding: 6px;
}

#modTabs {
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
    cursor: pointer;
}

#modTabs li.selectedModTab {
    background-color: #7db9e8;
    color: #ffffcc;
    border-bottom: 3px solid #7db9e8;
}
#modTabs li.selectedErrorModTab{
    background-color: #ff0033;
    color: #ffffcc;
    border-bottom: 3px solid #7db9e8;
}
#modTabs li.errorModTab{
    display: inline;
    overflow: hidden;
    list-style-type: none;
    Border: 2px solid #FFFFFF;
    padding: 4px;
    background-color: #ff0033;
    color: #888888;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
#modTabs li {
    display: inline;
    overflow: hidden;
    list-style-type: none;
    Border: 2px solid #FFFFFF;
    padding: 4px;
    background-color: #666666;
    color: #888888;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}
.hasErrorsLink{
    background-color: #ff0033;
    border:2px solid #ffffff;
    border-radius: 4px;
    padding: 2px;
}
.hasErrorsLink:visited{
    color:#ffffff;
}
.tablock{
    display: block;
    float:right;
    z-index: 26;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    vertical-align: bottom;
    padding: 0;
}
#keywayControls, #ssControls {
    position: absolute;
    top: 50px;
    left: 225px;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
    text-align: right;
    width: 240px;
    height: 176px;
}
#ssControlCover,#keyControlCover{
    position: absolute;
    top:0;
    left:0;
    background-color: #7db9e8;
    width:240px;
    height: 170px;
    z-index: 3;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 20px;
    padding:8px;
    text-align: center;
}

#keywayInstructions, #ssInstructions {
    text-align: left;
    font-size: .9em;
    color: #333333;
    width: 100%;
    height: 50px;
    word-wrap: break-word;
}

#keywayNote, #ssNote {
    font-weight: bold;
    color: #001839;
    cursor: pointer;
}

#keybackground, #ssbackground {
    position: absolute;
    top: 35px;
    left: 10px;
    width: 475px;
    height: 205px;
}

#customKeyDepth, #customKeyWidth {
    width: 50px;
}

#keySpriteImage, #sskeySpriteImage {
    background-image: url(/images/keywaySSsprite.png);
    background-repeat: no-repeat;
}

#arrow1, #arrow2, #arrow3, #arrow4, #arrow5, #arrow6, #arrow7, #arrow8, #key1, #key2, #key3, #key4, #key5, #key6, #key7, #key8, #sskey1, #sskey2, #sskey3, #sskey4, #sskey5, #sskey6, #sskey7, #sskey8, #ss1, #ss2, #ss3, #ss4, #ss5, #ss6, #ss7, #ss8, #ssDefaultArrow, #keyDefaultArrow {
    background-image: url(/images/keywaySSsprite.png);
    background-repeat: no-repeat;
    cursor: pointer;
}

.keyAny {
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 198px;
    height: 198px;
}

.keySpace {
    background-position: 0 -198px;
    background-repeat: no-repeat;
    width: 196px;
    height: 196px;
}

.keyTooth {
    background-position: 0 -396px;
    background-repeat: no-repeat;
    width: 198px;
    height: 198px;
}

#ssDefaultArrow, #keyDefaultArrow {
    position: absolute;
    left: 71px;
    top: 60px;
    background-position: -71px -883px;
    background-repeat: no-repeat;
    width: 56px;
    height: 46px;
    z-index: 4;
}

#key1, #sskey1 {
    position: absolute;
    left: 87px;
    top: 40px;
    width: 24px;
    height: 17px;
    z-index: 3;
    background-position: -87px -594px;
}

#key2, #sskey2 {
    position: absolute;
    left: 50px;
    top: 49px;
    width: 27px;
    height: 27px;
    z-index: 3;
    background-position: -50px -604px;
}

#key3, #sskey3 {
    position: absolute;
    left: 41px;
    top: 85px;
    width: 15px;
    height: 25px;
    z-index: 3;
    background-position: -41px -640px;
}

#key4, #sskey4 {
    position: absolute;
    left: 50px;
    top: 122px;
    width: 28px;
    height: 27px;
    z-index: 3;
    background-position: -50px -676px;
}

#key5, #sskey5 {
    position: absolute;
    left: 87px;
    top: 143px;
    width: 24px;
    height: 14px;
    z-index: 3;
    background-position: -87px -697px;
}

#key6, #sskey6 {
    position: absolute;
    left: 122px;
    top: 122px;
    width: 28px;
    height: 27px;
    z-index: 3;
    background-position: -122px -676px;
}

#key7, #sskey7 {
    position: absolute;
    left: 143px;
    top: 86px;
    width: 15px;
    height: 23px;
    z-index: 3;
    background-position: -143px -641px;
}

#key8, #sskey8 {
    position: absolute;
    left: 122px;
    top: 49px;
    width: 27px;
    height: 27px;
    z-index: 3;
    background-position: -122px -604px;
}

#arrow1 {
    position: absolute;
    left: 95px;
    top: 38px;
    width: 8px;
    height: 14px;
    z-index: 3;
    background-position: -95px -721px;
}

#arrow2 {
    position: absolute;
    left: 56px;
    top: 54px;
    width: 11px;
    height: 10px;
    z-index: 3;
    background-position: -55px -737px;
}

#arrow3 {
    position: absolute;
    left: 39px;
    top: 94px;
    width: 14px;
    height: 8px;
    z-index: 3;
    background-position: -39px -777px;
}

#arrow4 {
    position: absolute;
    left: 55px;
    top: 131px;
    width: 11px;
    height: 11px;
    z-index: 3;
    background-position: -55px -814px;
}

#arrow5 {
    position: absolute;
    left: 95px;
    top: 146px;
    width: 8px;
    height: 13px;
    z-index: 3;
    background-position: -95px -828px;
}

#arrow6 {
    position: absolute;
    left: 132px;
    top: 131px;
    width: 12px;
    height: 11px;
    z-index: 3;
    background-position: -132px -814px;
}

#arrow7 {
    position: absolute;
    left: 145px;
    top: 94px;
    width: 14px;
    height: 8px;
    z-index: 3;
    background-position: -145px -777px;
}

#arrow8 {
    position: absolute;
    left: 132px;
    top: 54px;
    width: 11px;
    height: 11px;
    z-index: 3;
    background-position: -132px -737px;
}

/*.ss{
    cursor: pointer;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    -khtml-opacity: 0.4;
    -moz-opacity: 0.4;
    opacity: 0.4;
}*/
#ss1 {
    position: absolute;
    left: 90px;
    top: 28px;
    width: 19px;
    height: 27px;
    z-index: 4;
    background-position: -90px -842px;
}

#ss2 {
    position: absolute;
    left: 42px;
    top: 42px;
    width: 31px;
    height: 33px;
    z-index: 4;
    background-position: -42px -856px;
}

#ss3 {
    position: absolute;
    left: 28px;
    top: 90px;
    width: 27px;
    height: 19px;
    z-index: 4;
    background-position: -28px -904px;
}

#ss4 {
    position: absolute;
    left: 41px;
    top: 124px;
    width: 33px;
    height: 31px;
    z-index: 4;
    background-position: -42px -938px;
}

#ss5 {
    position: absolute;
    left: 90px;
    top: 144px;
    width: 19px;
    height: 27px;
    z-index: 4;
    background-position: -90px -958px;
}

#ss6 {
    position: absolute;
    left: 126px;
    top: 124px;
    width: 31px;
    height: 33px;
    z-index: 4;
    background-position: -126px -938px;
}

#ss7 {
    position: absolute;
    left: 144px;
    top: 90px;
    width: 27px;
    height: 19px;
    z-index: 4;
    background-position: -144px -904px;
}

#ss8 {
    position: absolute;
    left: 123px;
    top: 42px;
    width: 33px;
    height: 31px;
    z-index: 4;
    background-position: -123px -856px;
}

#previewDiv {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 100%;
    height: 233px;
    background-color: #000000;
}
#previewDivSubDiv{
    padding:5px;
}
#previewLoadInfo{

    color: #444444;
    padding: 15px;
    z-index: 100;
    width:100px;
    height: 200px;
    text-align: center;
}
#viewer3D {
    width: 100%;
    height: 233px;
}

#3DXMLPluginId {
    width: 100px;
    height: 226px;
    border: 1px solid #000000;
    z-index: 99;
}

/*///////////////////////////////////////////////////////////////////////////////
 //////////////////////my parts /////////////////////////////////////////
 ////////////////////////////////////////////////////////////////////////////////*/
#myPartsSummaryContainer{
    visibility: hidden;
    width: 460px;
    /*height:300px;*/
    height:auto;
    position: absolute;
    left: 20px;
    top: 30px;
    background-color: #444444;
    z-index: 22;
    background-color: #1a304d;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 9px;
    color: #ffffff;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFFFF;
    border-style: solid;
    border-radius: 10px;
    box-shadow: 3px 3px 6px 2px #000;
}
#mpSummaryTopControls {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px 0px 0px 0px;
    background-color: #cc0033;
    width: 460px;
    height: 17px;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 9px;
    padding-top: 1px;
    cursor: move;
}
#mpSummaryCloseBoxH {
    position: absolute;
    top: 17px;
    right: 0px;
    /*background-color: #a2bdd3;*/
    background-color: #ffffff;
    z-index: 25;
    width: 460px;
    height: 2px;
}
#currentMPgearType{
    font-size: 9px;
}




#myPartsSummaryDiv{
    padding: 10px;
    margin: 10px 5px 5px 5px;
}
#myPartsSummaryDiv a label select{
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
}
#myPartsSummaryDiv a:visited{
    color:#fff;
}
#myPartsSummaryDiv a{
     color:#fff;
    text-decoration: none;
 }
#myPartsSummaryDiv a:hover{
    color:#000;
}

#mpDisplay{
    background-color: green;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
    width: 420px;
}
#mpSummaryCloseBox {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 30px 30px 30px 0px;
    border-color: #FFFFFF;
    border-style: solid;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033;
    border-width: 2px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
}

#mpSummaryCloseBoxV {
    position: absolute;
    top: 0px;
    right: 17px;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033;
    z-index: 25;
    width: 4px;
    height: 19px;
}
#mpSummaryCloseX {
    position: absolute;
    left: 10px;
    top: 4px;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}


/*////////////////*/
#myPartsTableContainer{
    visibility: hidden;
    /*width: 860px;
    height:695px;*/
    position: absolute;
    left: 20px;
    top: 30px;
    background-color: #444444;
    z-index: 23;
    background-color: #1a304d;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 9px;
    color: #ffffff;
    border-width: 2px 2px 2px 2px;
    border-color: #FFFFFF;
    border-style: solid;
    border-radius: 10px;
    box-shadow: 3px 3px 6px 2px #000;
}
#myPartsTableDiv{
    overflow: auto;
    width: 1360px;
    height:460px;
}
a.myPartsLink{
    color:#FFFFFF;
    text-decoration: none;
}
a:visited.myPartsLink{
    color:#FFFFFF;
}
a:hover.myPartsLink{
    color:#cccccc;
}

#myPartsTable {
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 8px;
    margin: 20px auto 10px auto;
    /*width: 480px;*/
    border-collapse: collapse;
    /*box-shadow: 3px 3px 6px 2px #444;*/
}

#myPartsTable th {
    font-size: 10px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    /*color: #039;*/
    color: #333;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
}

#myPartsTable td {
    padding: 8px;
    background: #E2EDFF;
    border-bottom: 1px solid #fff;
    color: #555;
    border-top: 1px solid transparent;
    text-align: center;
    white-space: nowrap;
}

#myPartsTable tr:hover td {
    background: #d0dafd;
    /*color: #339;*/
    color: #111;
}
#mpCloseBox {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 30px 30px 30px 0px;
    border-color: #FFFFFF;
    border-style: solid;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033;
    border-width: 2px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
}

#mpCloseBoxV {
    position: absolute;
    top: 0px;
    right: 17px;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033;
    z-index: 25;
    width: 4px;
    height: 19px;
}

#mpCloseBoxH {
    position: absolute;
    top: 17px;
    right: 0px;
    /*background-color: #a2bdd3;*/
    background-color: #ffffff;
    z-index: 25;
    width: 1360px;
    height: 2px;
}

#mpCloseX {
    position: absolute;
    left: 10px;
    top: 4px;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}

#mpTopControls {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px 0px 0px 0px;
    background-color: #cc0033;
    width: 1360px;
    height: 17px;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 9px;
    padding-top: 1px;
    cursor: move;
}
#mpLabels{
    position: relative;
    float: left;
    padding: 4px;
}
#mpResults{
    position: relative;
    float: right;
    padding: 4px;
}
#mpspan1,#mpspan2,#mpspan3,#mpspan4,#mpspan5,#mpspan6{
    position: relative;
    float: right;
}
#mpspan7,#mpspan8,#mpspan9,#mpspan10,#mpspan11,#mpspan12{
    position: relative;
    float: left;
}
a.myPartnoLink {
    color:#444444;
}
a:visited.myPartnoLink {
    color:#444444;
}
a:hover.myPartnoLink {
    color:#000000;
}

/*///////////////////////////////////////////////////////////////////////////////
 //////////////////////parts table/////////////////////////////////////////
 ////////////////////////////////////////////////////////////////////////////////*/
#dataInputContainer {
    /*position: relative;*/
    /*left: 0px;*/
    /*top: 10px;*/
    /*height: 40px;*/
    /*width: 100%;*/
    /*text-align: center;*/
}
#mainTable {
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
    margin: 20px auto 10px auto;
    width: 480px;
    /*text-align: left;*/
    border-collapse: collapse;
    /*box-shadow: 3px 3px 6px 2px #444;*/
}

#mainTable th {
    font-size: 14px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    /*color: #039;*/
    color: #333;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    white-space: nowrap;
}

#mainTable td {
    padding: 8px;
    background-color: #E2EDFF;
    border-bottom: 1px solid #fff;
    color: #555;
    border-top: 1px solid transparent;
    text-align: center;
    white-space: nowrap;
}

#mainTable tr:hover td {
    background-color: #d0dafd;
    /*color: #339;*/
    color: #111;
}
.cadTableIcon{
    background: url('/images/cadTableIcon.png') no-repeat center;
}
.tableLink {
    cursor: pointer;
    text-decoration: underline;
}

#psErrors {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 16px;
    color: #ffffff;
    padding: 10px;
    z-index: 5;
    border: 2px solid #FFFFFF;
    border-radius: 10px;
    white-space: normal;
    text-shadow: 2px 2px 2px #000;
    box-shadow: 3px 3px 6px 2px #444;
    background: #cc0033; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2NjMDAzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMyJSIgc3RvcC1jb2xvcj0iI2NjNTM2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iI2NjNTM2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYzAwMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
    background: -moz-linear-gradient(top, #cc0033 1%, #cc536f 32%, #cc536f 42%, #cc0033 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #cc0033), color-stop(32%, #cc536f), color-stop(42%, #cc536f), color-stop(100%, #cc0033)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cc0033 1%, #cc536f 32%, #cc536f 42%, #cc0033 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cc0033 1%, #cc536f 32%, #cc536f 42%, #cc0033 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cc0033 1%, #cc536f 32%, #cc536f 42%, #cc0033 100%); /* IE10+ */
    background: linear-gradient(top, #cc0033 1%, #cc536f 32%, #cc536f 42%, #cc0033 100%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0033', endColorstr='#cc0033',GradientType=0 ); */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0033', endColorstr='#cc0033',GradientType=0 ); */
}

#searchResults{
    position: absolute;
    top:10px;
    left: 200px;
    visibility: hidden;
    width:650px;
    height: auto;
    text-align: center;
    padding: 8px;
    border:2px solid #ffffff;
    border-radius: 10px;
    background-color: #cc0033;
    z-index: 200;
    box-shadow: 3px 3px 6px 2px #444;
    color:#FFFFFF;
}
#newSearchClose{
    cursor:pointer;
}
#controlSelects {
display: inline-block;
 text-align: center;
}
.partSearchSelectLabels {
    color: #979797;
}
.partControlsDiv,.searchControlsDiv{
    display: inline-block;
}
.searchControlsDiv{
    padding-bottom:10px;
}
#cadButtonsDiv{
    padding-bottom:10px;
    text-align: center;
}
#gearControlsDiv1{
    padding-bottom:10px;
}
#pTypeLabel, #gTypeLabel, #materialLabel, #unitsLabel, #pitchLabel, #teethLabel, #paLabel, #styleLabel, #searchTextLabel {
}

#pType, #gType, #material, #units, #pitch, #teeth, #pa, #style, #searchText, #searchLink {
}
#style{
    margin-bottom:10px;
}
.partSelector{
    border:1px solid #aabcfe;
}

/*///////////////////////////////////////////////////////////////////////////////
 //////////////////////horsepower/////////////////////////////////////////
 ////////////////////////////////////////////////////////////////////////////////*/
#horsepower {
    position: absolute;
    display: none;
    background-color: #1a304d;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 9px;
    left: 0;
    top: 30px;
    color: #ffffff;
    border:2px solid #FFFFFF;
    border-radius: 10px;
    padding: 2px;
    margin: 10px 10px 10px 30px;
    z-index: 99;
    width: 280px;
    box-shadow: 3px 3px 6px 2px #000;
}
.bottomHPcell{
    border-color: #fff;
    border-width: 2px 0 0 0;
}
.hpDisclaimer{
    text-align: center;
    border-width:2px 0px 0px 0px;
    border-color: #ffffff;
    color: #FFFFFF;
}
#hpLabels {
    padding: 20px;
}

#horsepowerTable {
    border: 0  none;
}

.hpHeader {
    height: 5px;
}

#stressMore {
    display: none;
}

#hpTitle {
    padding: 1px;
}

.hpText {
    width: 50px;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 9px;
}

.hpCellLeft {
    text-align: right;
    padding: 1px;
    color: #FFFFFF;
}

.hpCellRight {
    text-align: left;
    padding: 1px;
    color: #FFFFFF;
}

#duration, #load, #dpType {
    font-size: 9px;
}

#hpCloseBox {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 30px 30px 30px 0px;
    border-color: #FFFFFF;
    border-style: solid;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033;
    border-width: 2px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
}

#hpCloseBoxV {
    position: absolute;
    top: 0px;
    right: 17px;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033;
    z-index: 25;
    width: 4px;
    height: 19px;
}

#hpCloseBoxH {
    position: absolute;
    top: 17px;
    right: 0px;
    /*background-color: #a2bdd3;*/
    background-color: #ffffff;
    z-index: 25;
    width: 284px;
    height: 2px;
}

#hpCloseX {
    position: absolute;
    left: 10px;
    top: 4px;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}

#hpTopControls {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px 0px 0px 0px;
    background-color: #cc0033;
    width: 284px;
    height: 17px;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 9px;
    padding-top: 1px;
}

/*///////////////////////////////////////////////////////////////////////////////
  ///////////////////////////quote controls//////////////////////////////////////
  //////////////////////////////////////////////////////////////////////////////*/
#quoteContainer {
    top:0;
    visibility: hidden;
    width: 660px;
    /* height:300px;*/
    height: auto;
    position: absolute;
    right: 20px;
    /*background-color: #444444;*/
    z-index: 23;
    /*background-color: #1a304d;*/
    /*background-color: #386633;*/
    background-color: #2e8b57;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 9px;
    color: #ffffff;
    border:2px solid #FFFFFF;
    border-radius: 10px;
    box-shadow: 3px 3px 6px 2px #000;
}
#partsForQuoteDiv{
    position: absolute;
    border:2px solid #FFFFFF;
    border-radius: 10px;
    box-shadow: 3px 3px 6px 2px #444;
    background-color: #aabcfe;
    color:#444444;
    padding:10px;
    text-align: center;
    display: none;
}
#partsForQuote{
    text-align: center;
}
#quoteInfoDiv{
    padding: 10px;
}
#rfqInfoDiv{
    background-color: #7DB9E8;
    border:2px solid #FFFFFF;
    border-radius: 3px;
    padding:4px;
    color:#444444;
}
#quoteCloseBoxV {
    position: absolute;
    top: 0px;
    right: 17px;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033;
    z-index: 25;
    width: 4px;
    height: 19px;
}

#quoteCloseBoxH {
    position: absolute;
    top: 17px;
    right: 0px;
    /*background-color: #a2bdd3;*/
    background-color: #ffffff;
    z-index: 25;
    width: 660px;
    height: 2px;
}

#quoteCloseX {
    position: absolute;
    left: 10px;
    top: 4px;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 1px 1px 2px #000;
}

#quoteTopControls {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 6px 0px 0px 0px;
    background-color: #cc0033;
    width: 660px;
    height: 17px;
    white-space: nowrap;
    color: #FFFFFF;
    font-size: 9px;
    padding-top: 1px;
    cursor: move;
}
#quoteCloseBox {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 30px 30px 30px 0px;
    border-color: #FFFFFF;
    border-style: solid;
    /*background-color: #a2bdd3;*/
    background-color: #cc0033;
    border-width: 2px;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
    white-space: nowrap;
    color: #fff;
    cursor: pointer;
}
#quoteInfoDiv{
    padding: 5px;
}
#qLabelsDiv{
    position: relative;
    float: left;
    text-align: right;
}
#qInputsDiv{
    position: relative;
    float:left;
}
.qSpacingDiv{
    height: 16px;
    padding: 0 2px 0 2px;
}
#qSepDiv{
    position: relative;
    float: left;
    padding: 10px;
    width:1px;
    height: 280px;
    border-right: 1px outset #FFFFFF;
}
#hiddenStateLabel{
    display: none;
}
#quotePartInfoDiv{
    position: relative;
    float: left;
    padding: 10px;
    border-radius: 6px;
    width: 350px;
    /*background-color: gray;*/
}
#qSendButtonDiv{
    position: relative;
    float: left;
    padding:10px 10px 10px 50px;
}
#requiredFields{
    color:yellow;
}
.qPartCol1
{
    position: relative;
    float: left;
    width:95px;
    text-align: center;
    border-bottom: 1px;
    border-color: #ffffff;
}
.qPartCol2
 {
    position: relative;
    float: left;
    width:130px;
    text-align: center;
    border-bottom: 1px;
    border-color: #ffffff;
 }
.qPartCol3{
    position: relative;
    float: left;
    width:95px;
    text-align: center;
    border-bottom: 1px;
    border-color: #ffffff;
}
.qSub1,.qSub2,.qSub3{
    padding:2px;
    height: 30px;
    border:none;
}
.qSelect{
    width: 55px;
    height: 16px;
    font-size: 9px;
}
#state,#prov,#country{
    width:105px;
}
.blendedInput{
    background-color:#1A304D;
    color:#ffffff;
    border: none !important;
    width: 55px;
    text-align: center;
    height: 16px;
}
.comments{
    width:120px;
    overflow-y: auto;
    height: 16px;
}
.qPartRemoveButton{
    font-size:9px !important;
    vertical-align: middle;
    line-height: 10px;
}
/*///////////////////////////////////////////////////////////////////////////////
 //////////////////////pagination/////////////////////////////////////////
 ////////////////////////////////////////////////////////////////////////////////*/
.paginationTop {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    margin-bottom: 1px;
    float: none;
    vertical-align: bottom;
}

.pagination {
    color: #979797;
}

#pageUL {
    list-style: none;
    height: 16px;
}

.pagination li {
    cursor: pointer;
    width: 28px;
    display: inline-block;
    font-family: "Trebuchet MS", Arial, Helvetica, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.pagination li.selected {
    background-color: #6699cc;
    color: #FFFFFF;
}

.pagination li:hover, a:hover {
    color: #2989D8;
}

.pagination a {
    text-decoration: none;
}

.pagination a.selected {
    background-color: #6699cc;
    color: #FFFFFF;
    text-decoration: underline;
}

.pageFirst {
    background-image: url('/images/pageFirst.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 17px;
    height: 11px;
}

.pagePrevious {
    background-image: url('/images/pagePrevious.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 11px;
}

.pageNext {
    background-image: url('/images/pageNext.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 11px;
}

.pageLast {
    background-image: url('/images/pageLast.png');
    background-repeat: no-repeat;
    background-position: center;
    width: 17px;
    height: 11px;
}

.sortByImg {
    padding: 0px 3px 0px 3px;
}

#errorBox {
    /*background-color: #ffff77;*/
    /*background: #ff3300;*/
    background: #ff0033;
    box-shadow: 3px 3px 6px 2px #000;
    /* color: #777;
     text-shadow: 2px 2px 2px #fff;*/
}
#quotePrompterOpaqBack{
    background-color: #000;
    opacity: 0.85; /* Safari, Opera */
    -moz-opacity: 0.85; /* FireFox */
    filter: alpha(opacity = 85); /* IE */
    z-index: 1999;
    height: 100%;
    width: 100%;
    background-repeat: repeat;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
}
#quotePrompterWrapper{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index: 2000;
    display:none;
}
#quotePrompter{
    border:6px solid #cc0033;
    border-radius: 8px;
    background-color: #FFFFFF;
    color:#1a304d;
    width: 400px;
    height:100px;
    z-index:50;
    position:relative;
    top:120px;
}

#quotePrompterContents{
    position:inherit;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}