*{
    font-family: Arial, Sans-Serif;
    margin:0;
    padding:0;
    font-size: 11px;
}
table {
    border: 0;
    border-spacing: 0;
}
body {
    color: #000000;
    background: #d7dddd url(../img/saab/bg_sliver.gif) repeat-x;
    padding-top: 10px;
    text-align: center;
}

div#wrapper{
    width:980px;
    margin:auto;
}

div#header{
    margin-bottom:10px;
}
#header table{
    width:100%;
}
.navigation {
    background:url(../img/saab/navbar_sliver.gif) repeat-x;
    margin-bottom:20px;
}
#footer{
    width:100%;
    margin-top:10px;
    margin-bottom:25px;
}
div.disclaimer{
    color:#333333;
    font-size:10px;

}
.instruction{
    margin-bottom:5px;
}
.instruction div{
    color:#ffffff;
    font-size:12px;
}
.content_wrap {
    border: 5px solid #104b87;
    background-color:#e6e6e6;
    width: 950px;
    padding: 10px;
}
.content{
    width: 950px;
}
.content div{
    color:#000000;
}
.navBtns {
    margin: 10px 0 10px 0;
}
.navBtns img {
    display: block;
    margin-left: 5px;
}


/*********************
/***     MODELS
/***
*********************/
.yearList {
    width: 150px;
}
.divisionList {
    width: 150px;
}
.selectorPanel{
    margin-bottom:10px;
}
div.selectorPanel div{
    float:left;
    margin-right:10px;
    font-size: 12px;
}
div.title_bodytype{
    font-family:Arial, Sans-Serif;
    font-size:11px;
    font-weight:bold;
    background-color:#104b87;
    text-transform:uppercase;
    padding:5px 5px 5px 20px;
    margin-bottom:10px;
    color: #ffffff;
}
.table_BodyType{
   margin-bottom:10px;
}
div.asP{
    margin-bottom:5px;
    font-size: 12px;
}

div.model{
	display:block;
	width: 179px;
	height: 140px;
	background-image:url(../img/saab/photo_base_off.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	vertical-align:middle;
	text-align:center;
	padding-top:10px;
    cursor:pointer;
}
div.model img {
    margin: 3px 0 5px 0;
    border: 1px solid #999999;
}
div.model div div {
    color:#104b87;
}
div.modelHover{
    background-image:url(../img/saab/photo_base_on.gif);
}

/*********************
/***     STYLES
/***
*********************/
.criteriaPanel {
    width: 100%;
    margin: 5px 0 5px 0;
}
.criteriaPanel td {
    padding: 0 5px 0 5px;
}
table.criteriaRow {
    width: 100%;
    border: 1px solid #ffffff;
}
table.criteriaRow td div {
    margin: 3px;
    color: #000000;
}
.criteriaColumnMR {
    padding-left: 5px;
}
.stylesPanel {
    width: 100%;
}
.stylesLeft {
    background-color:#ffffff;
    width:70%;
    padding: 10px;
}
.stylesLeftBot {
    background-color:#ffffff;
    width:70%;
    padding-right:10px;
}
.stylesRight {
    background: #ffffff url(../img/brdbg.png) repeat-y;
    width:30%;
    padding: 10px;
}
div.graybar_title{
    font: bold 12px Arial, Sans-Serif;
    background-color: #104b87;
    color: #ffffff;
    padding: 3px 3px 3px 9px;
    text-transform:uppercase;
}
.table_SearchCriteria{
   margin-bottom:10px;
}
.table_SearchCriteria td{
    vertical-align:top;
}
.styleRowRootW {
    width: 640px;
    border:1px solid #ffffff;
}
.styleRowRoot{
    width: 630px;
    margin: 5px;
}
.style_row {
    width: 100%;
}
.style_row div{
    color:#000000;
}
.style_row td{
}
table.selected{
    border:1px solid #104b87;
    background-color:#ffffff;
}
div.selected{
    border:1px solid #104b87;
    background-color:#ffffff;
}
table.selected td div{
    color:#104b87;
    font-weight:bold;
}
.pegRow {
    width: 100%;
}
table.pegRow div {
    color: #000000;
}
.pegList {
    margin-top: 5px;
    color: #000000;
    font-weight: normal;
}
ul.pegList li {
    margin-bottom: 8px;
}
.detailBtnShow{
    background: url(../img/arrow_down.gif) no-repeat;
    padding-left: 18px;
    text-align: left;
    border: 0;
    cursor: pointer;
    text-decoration: underline;

}
.detailBtnHide{
    background: url(../img/arrow_right.gif) no-repeat;
    padding-left: 18px;
    text-align: left;
    border: 0;
    cursor: pointer;
    text-decoration: underline;
}
/*********************
/***     COLORS
/***
*********************/
.clrPanel{
    width: 100%;
}
.clrLeft {
    background-color:#ffffff;
    width:70%;
    padding: 10px;
}
.clrLeftBot {
    background-color:#ffffff;
    width:70%;
}
.clrRight {
    background: #ffffff url(../img/brdbg.png) repeat-y;
    width:30%;
    padding: 10px;
}
.clrBodySubContainerPanel{
    border: none;
}
.clrContainer {
    margin-bottom: 5px;
    background-color: #ffffff;
    border: 1px solid #104b87;
}
.topClrContainer {
    margin-bottom: 5px;
    background-color: #ffffff;
    border: 1px solid #104b87;
}
div.clrSelLabelBox {
    margin: 5px 0 0 5px;
}
div.clrSelLabel {
    float: left;
    font: 11px Arial, Sans-Serif;
    color: #000000;
    padding-right: 5px;
}
div.clrSelValue {
    float: left;
    font: 11px Arial, Sans-Serif;
    color: #000000;
}
.clrChipWrap {
    position: relative;
    width: 32px;
    height: 32px;
    border: 2px solid #ffffff;
    padding: 2px;
    float: left;
    margin: 0px 5px 10px 5px;
}
.clrChipWrapSel {
    position: relative;
    width: 32px;
    height: 32px;
    border: 2px solid #104b87;
    padding: 2px;
    float: left;
    margin: 0px 5px 10px 5px;
}
.clrChip {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 30px;
    height: 30px;
    border: 1px solid #000000;
}
.clrXBox {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 18px;
    left: 18px;
    background: url(../img/colorna.gif);
    border: none;
}
div.clrLegend {
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #104b87;
    padding: 5px 5px 0 5px;
}
div.clrColorNaLegendRow {
    line-height: 18px;
    padding: 0 0 5px 23px;
    color: #000000;
    font-size: 10px;
    background: url(../img/colorna_legend.gif) no-repeat;
}
div.clrChipNaLegendRow {
    line-height: 18px;
    padding: 0 0 5px 23px;
    color: #000000;
    font-size: 10px;
    background: url(../img/chipna_legend.gif) no-repeat;
}
.stContainer {
    margin-bottom: 10px;
    background-color: #ffffff;
    border: 1px solid #104b87;
}
div.stBox {
    height: 100px;
    border: 10px solid #ffffff;
}
.stRadio {
    display: block;
    margin-top: 35px;
    float: left;
}
.stRadioNoImg {
    display: block;
    margin-top: 10px;
    float: left;
}
.stImgWrap {
    width: 112px;
    float: left;
    border: 2px solid #ffffff;
    margin: 0 10px 0 3px;
}
.stImgWrapSel {
    border-color: #104b87;
}
.stImgWrap img {
    display: block;
    width: 100px;
    height: 70px;
    border: 1px solid #000000;
    margin: 5px;
}
div.stNoImg {
	width: 129px;
	height: 80px;
	float: left;
}
div.stDetails {
    float: left;
    width: 460px;
    margin-top: 5px;
}
div.stDetails div {
    color: #000000;
}
div.stDetails button {
    border: none;
    background: #ffffff url(../img/icon_enlarge.gif) 90px 2px no-repeat;
    color: #104b87;
    font-weight: bold;
    margin-top: 3px;
    padding-right: 26px;
    cursor: pointer;
    text-align: left;
}
.zoomBox {
    border: 1px solid #104b87;
}
.zoomBox img {
    width: 250px;
    height: 155px;
}
.stLargeImg {
}
.zoomTitleBar {
    background-color: #104b87;
    padding: 2px;
}
.zoomCloseBtn {
    display: block;
    background: url(../img/close_window.gif);
    width: 13px;
    height: 13px;
    border: none;
}
/*********************
/***     OPTIONS
/***
*********************/
.optionsSummaryPanel{
    width: 100%;
}
.optionsLeft {
    background-color:#ffffff;
    width:70%;
}
.optionsLeftBot {
    background-color:#ffffff;
    width:70%;
}
.optionsRight {
    background: #ffffff url(../img/brdbg.png) repeat-y;
    width:30%;
}
.optionsTabPanel {
    width: 100%;
}
.optionsTabs {
    background-color:#e6e6e6;
}
.optionsTabDeck {
}
.option_tab{
    display: block;
    width: 90px;
    height: 24px;
    background-image: url( ../img/saab/tab_off.gif );
    color: #ffffff;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    margin: 5px 1px 0 1px;
    cursor:pointer;
    font: bold 10px Arial, Sans-Serif;
}
.option_tab_on{
    background-image: url( ../img/saab/tab_on.gif );
}
.option_tab div{
    color: #ffffff;
    padding-top:5px;
}
.option_tab_on div {
    color: #104b87;
}
.optionsPanel{
    text-align:left;
    width: 660px;
}
.optionsVP {
    border:10px solid #ffffff;
    width: 100%;
}
.optionsPanel div{
    color:#000000;
}
.category{
    font-size:11px;
    font-weight:bold;
    border-bottom:1px solid gray;
    width:100%;
    margin:10px 0 2px 0;
    padding:0;
    text-transform:Uppercase;
}
.option td{
    padding:5px;
}
.odd tr{
    background-color:#eee;
}
.even tr{
    background-color:#ccc;
}
table.optionsLegend{
    margin:10px 0 0 10px;
    background-color:#f1f1f1;
    border:1px solid #ccc;
    width:60%;
    text-align:center;
}
table.optionsLegend td{
    padding:5px;
    vertical-align:middle;
    color:#333333;
}
table.optionsLegend td div{
    color:#333333;
}

/*********************
/***     Summary
/***
*********************/

.summaryPage {
    background-color:#ffffff;
    width: 100%;
}
.summaryTopRoot {
    table-layout: fixed;
    width: 100%;
}
.summaryLeft {
    width:70%;
}
.summaryRight {
    background: url(../img/brdbg.png) repeat-y;
    width:30%;
}
div.nextStepsContainerW {
    width: 270px;
}
div.nextStepsContainer{
    margin: 10px 15px 10px 15px;
}
div.nextStepsLabel {
    font-family:Arial, Sans-Serif;
    font-size:20px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    color:#104b87;
    font-weight:bold;
}
button.nextStepBtn {
    display: block;
    border: 1px solid #000000;
    margin-bottom: 10px;
    padding: 2px 5px 2px 5px;
    width: 228px;
    text-align: left;
    background-image: url(../img/nextstep_base.gif);
}
div.nextStepTitle {
    color:#104b87;
    font-size: 12px;
    font-weight: bold;
    padding-left: 20px;
    background: url(../img/saab/arrow_right.gif) 0 2px no-repeat;
}
div.nextStepBlurb {
    color:#000000;
    font-size: 11px;
    padding-left: 20px;
}
.summaryOptions {
    width: 930px;
    margin: 10px 10px 0 10px;
}
.summaryPanelWW {
    background-color: #ffffff;
    width: 930px;
    margin-bottom: 10px;
}
.summaryPanelW {
    width: 910px;
    margin: 0 10px 0 10px;
}
.summaryPanel {
    width: 100%;
}
.summaryPanel div{
    color:#000000;
}
td.option_price{
    width:20%;
    padding:5px;
    text-align:right;
}
div.properties table div div img.changeBtn {
    border: none;
    width: 62px;
    height: 19px;
}
/*********************
/***     EXTRAS
/***
*********************/
div.clear {
    display: block;
    line-height: 2px;
    font-size: 2px;
    clear: left;
}
div.label{
    font-weight:bold;
    text-transform:uppercase;
    font-size: 11px;
    text-align: left;
}
.summaryTable {
    width: 100%;
}
.summaryShim {
    background-color: #e6e6e6;
    height: 29px;
}
.summaryBox {
    padding: 10px;
}
.summary{
    width: 100%;
}
.summary div{
    color:#000000;
}
.summary img{
    border:1px solid #696969;
    width: 260px;
}
.summary .properties{
    padding-bottom:10px;
}
div.properties td {
    padding: 3px 0 3px 0;
}
div.property {
    padding: 2px 0 2px 0;
    font-size: 11px;
    text-align: left;
}
div.moneyProperty {
    padding: 2px 0 2px 0;
    font-size: 11px;
    text-align: right;
}
div.price {
    text-align:right;
}
.sumClrVal {
  height: 20px;
}
.sumClrLbl {
    float: left;
    width: 130px;
}
img.sumClrChip {
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    border: 1px solid #000000;
}
.styleSummaryW {
    margin: 0 10px 0 10px;
}
table.summaryGrandTotal {
    border: 1px solid #660000;
    background-color: #ffffff;
    width: 100%;
}
table.summaryGrandTotal div {
    padding: 4px 4px 4px 8px;
    font: bold 13px Arial, Sans-Serif;
    text-transform:uppercase;
    color:#104b87;
}
table.summaryIncentive {
    border: 1px solid #104b87;
    background-color: #ffffff;
    width: 100%;
}
table.summaryIncentive td {
    padding: 0;
    margin: 0;
    background-color: #696969;
}
table.summaryIncentive table {
    padding: 0;
    margin: 0;
    width: 95%;
}
table.summaryIncentive table div {
    padding: 4px 0 4px 8px;
    margin: 0;
    font: bold 12px Arial, Sans-Serif;
    text-transform: uppercase;
    color: white;
    /*width: 100%;*/
    background-color: #696969;
}
table.summaryIncentive div {
    padding: 6px 0;
    margin: 0;
    background-color: white;
}
table.summaryTotalPrice {
    margin-top: 5px;
    border: 1px solid #104b87;
    background-color: #ffffff;
    width: 100%;
}
table.summaryTotalPrice td {
    padding: 0;
}
table.summaryTotalPrice div {
    padding: 4px 4px 4px 8px;
    font: bold 13px Arial, Sans-Serif;
    text-transform: uppercase;
    color: #104b87;
}

.mainBodyPanel{
    overflow:auto;
}

.bodySubContainerPanel{
    border:none;
    background-color:#ffffff;
}

/*********************
/***     ERROR
/***
*********************/
#content_error{
    background-color:#ffffff;
    padding:40px;
    height:200px;
    text-align:center;
    border:20px solid #e6e6e6;
    vertical-align:middle;
}
#content_error div{
    font-family:Arial, Sans-Serif;
    font-size:30px;
    color:#104b87;
    margin:20px auto;
    text-transform:uppercase;
}
#content_error .msg{
     font-size:16px;
     line-height:18px;
     color:#000000;
     margin:40px auto;
     text-transform:none;
 }
a.back:link, a.back:visited {
    margin:0 auto;
    font-family:Arial, Sans-Serif;
    display:block;
    width:120px;
    padding:5px;
    border:1px solid #104b87;
    background-color:#104b87;
    font-size:14px;
    color:white;
    text-decoration:none;
}
back a:hover{
    text-decoration:underline;
    background-color:#ffffff;
    color:#104b87;
}

/*********************
/***     EXTRAS
/***
*********************/
.conflict{
    background-color:#ffffff;
    padding:30px;
    color:#000000;
    border:10px solid #e6e6e6;
    width:550px;
    margin:0 auto;
}
div.conflictTitle{
    margin-bottom:10px;
    font-size:12px;
    line-height:16px;
}
.conflictBtns{
    margin-top:10px;
}
table.conflictOption {
    margin: 5px;
}
table.conflictOption td {
    text-align: left;
}
table.conflictOption input {
    margin-right: 5px;
}
ul{
    list-style-type:square;
    margin-left:30px;
}
.gwt-DecoratedTabBar img{
    cursor:pointer;
}

.newLoading{
    width: 130px;
    height:50px;
    margin: auto;
    padding:10px;
    border: 1px solid #333333;
    background-color: #ffffff;
}
.newLoadingText{
    width: 50%;
    padding-top: 16px;
    color:#333333;
    font-size: 12px;
}
.newLoadingImg{
    width: 40%;
    float:right;
}

div.zipPopup {
    color: black;
    background-color: white;
    padding: 24px 16px 40px;
    border: 5px solid gray;
}

div.zipPopup td {
    text-align: center;
}

div.zipPopup td div {
    text-align: left;
}

div.zipPopup table.zipPopupForm {
    margin-top: 17px;
}

div.zipPopup table.zipPopupForm input {
    border: 1px solid #666;
    background-color: #FFC;
    padding: 3px 5px;
    height: 22px;
    margin-right: 11px;
}

.glassPanel {
    background-color: black;
    filter: alpha(opacity=50);
    -moz-opacity: .50;
    opacity: .50;
}

.redTagPanel{
    padding-left:74px;
}
.redTagPanel img{
    cursor:pointer;
}

div.noOptionsMessage {
    margin: 50px;
    font-size: 130%;
}