/* IMAGE INTERFACE STYLES */
#dialog,
.dialogOther {
    display: none;
    background-color:#FFFFFF;
    border:2px solid #A5A5A5;
    left:660px;
    position:absolute;
    top:76px;
    width:264px;
    height:417px;
    z-index: 20;
}
.bullet {
    display: none;
    z-index: 100;
}
#dialogHeader {
    height:13px;
    border-bottom:2px solid #A5A5A5;
    padding: 3px;
    background-color:#4C4C4C;
}
#dialogBody {
    height:382px;
    padding:5px;
    overflow-y: hidden;
}
#dialogBody .bullet p {
    background-color: #DDD;
    border: 1px solid #A5A5A5;
    margin-top:1em;
    padding:5px;
    margin-bottom:0;
    display: none;
}
#dialogBody img {
    display: block;
    margin:22px auto 20px;
}
#dialogFooter {
    height:30px;
	padding:3px;
	position:absolute;
	right:5px;
	top:22px;
}
#imageSelector {
    left:575px;
    position:absolute;
    top:375px;
}
#dialogHeader h3 {
    color:#FFFFFF;
    font-family:Arial,sans-serif;
    font-weight:bold;
    text-align:left;
    line-height: 1.0em;
    font-size: 1.0em;
    padding-top:0;
}
#closeInfoPopup,
#dialogHeader #closeButton {
    font-family: Tahoma,Arial black,sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    padding-right: 3px;
    margin-top: -4px;
    color: #FFF;
}
#closeInfoPopup {
    position: absolute;
    top: 10px;
    right: 10px;
}
#closeInfoPopup,
#closeButton,
#dialogNext,
#dialogPrev,
#imageNext,
#imagePrev {
    cursor: pointer;
    float:right;
}
#dialogNext,
#dialogPrev,
#imageNext,
#imagePrev {
    width: 27px;
    height: 20px;
    background-image: url(/1/images/style/main-sprite.png);
}
#dialogPrev, #imagePrev {
  background-position: -10px -74px;
}
#dialogNext, #imageNext {
  background-position: -10px -114px;
}
#dialogPrev:hover, #imagePrev:hover {
  background-position: -10px -11px;
}
#dialogNext:hover, #imageNext:hover {
  background-position: -10px -44px;
}
#imageInterface {
    height: 430px;
}
#container #content {
    background: url(/1/images/style/premier-back.jpg) no-repeat scroll 0 76px transparent;
    height:515px;
}
#professionSelectContainer {
    padding: 4px 0 14px 0;
}
#imageInterface .largeImage {
    width: 650px;
    height: 407px;
    float: left;
    margin-top: 5px;
    position: relative;
}
#imageInterface .largeImage a {
    position: absolute;
}
#imageInterface .largeImage .bulletSpan {
    color: #FFF;
    background-color: #252525;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    opacity: 0.80;
    font-weight: bold;
    border: 1px solid #000;
    padding: 2px 5px;
    margin:0 0 3px;
    display: block;
}
#imageInterface .largeImage a:hover .bulletSpan {
    background-color: #af7416;
    border: 1px solid #000;
    color: #FFF;
}
#imageInterface .largeImage a .highlight {
    background-color: #FFF;
    color: #000;
    border: 1px solid #000;
}
#imageInterface .largeImage a:hover .highlight {
    border: 1px solid #000;
}
#selectImages {
    float: left;
    padding-top: 10px;
    padding-left: 16px;
    margin-top: 5px;
}
.caption {
    text-align: center;
}
.smallImage {
    min-height: 180px;
    cursor: pointer;
}
.smallImage img {
    position: relative;
}
#professionSelect {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: url("/1/images/style/gradient-sprite.png") repeat-x 0px -652px;
    border:1px solid #999999;
    height:24px;
}
#bottomInformation {
    clear: both;
    font-size: 1.25em;
}
#bottomInformation .arrowList a {
    float:none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    margin-right: 0;
    line-height: 1.0em;
}
#descriptionContainer .summaryBullets ul li {
    padding: 0;
}
#largeImage-1, #largeImage-2, #smallImage-0 {
    display: none;
}
#largeImageContainer {
    height: 407px;
    width: 650px;
    float:left;
    position: relative;
}
#smallHeader {
    clear:both;
}
#smallHeader h2 {
    background-color:#3D3833;
    color:#FFFFFF;
    font-size:1.2em;
    margin-bottom:0;
    padding:5px 20px;
    font-weight:normal;
}
#infoPopupContainer {
    display:none;
    background:none repeat scroll 0 0 #FFFFFF;
    position:absolute;
    width:506px;
    top: 220px;
    left: 420px;
    z-index: 99;
}
#infoPopupContainer .popupHeader {
    background-color: #4C4C4C;
    padding: 5px;
    width:497px;
    margin:0 0 10px -10px;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
}
#infoPopupContainer .popupHeader h2{
    color: #FFF;
    font-size: 1.5em;
    margin-bottom: 0;
}
.infoPopup {
    padding: 0 10px 10px 10px;
}
/* WHICH VERSION TABLE */
#whichVersionTable td,
#whichVersionTable th,
#whichVersionTable tr,
#whichVersionTable tfoot {
    border:3px solid #4D4D4F;
    padding: 3px;
}
#whichVersionTable .noborder {
    border: none;
}
#whichVersionTable p {
    margin-bottom: 0;
}
#summaryText {
    font-size: 1.3em;
}
.summary {
    text-align: left;
    line-height: 1.5em;
}
th.summary {
    font-size: 2.0em;
    vertical-align: middle;
}
#whichVersionTable thead td {
    font-weight: bold;
}
.lite, .interiors, .premier {
    text-align: center;
    vertical-align: middle;
    width: 85px;
}
.lite .markedBox {
    background-color: #e88800;
}
.interiors .markedBox {
    background-color: #583563;
}
.premier .markedBox {
    background-color: #a4c200;
}
.markedBox {
    height: 13px;
    width: 13px;
    margin: auto;
    vertical-align: middle;
}
/* PAGE FIXES */
#content #descriptionContainer .arrowList {
    margin-top: 1.0em;
}
#content #descriptionContainer .arrowList li {
    background:url("/1/images/style/listMark-01.gif") no-repeat scroll 0 50% transparent;
    line-height:1em;
    margin-bottom:1.1em;
    margin-left:1.3em;
    padding:0 0 0 12px;
}