.colorator
{
  position: relative;
  overflow: visible;
  font-size: 11px;
  line-height: 22px;
  margin-top: 48px; /*34px;*/
}

body .colorator 
{
	width:712px;
	z-index:0 !important;
}

.colorator .colorselect
{
  border: 1px solid white;
}

.colorator .colorselect img,.colorator .colorselectselected img
{
  margin: 2px;
  width: 31px;
  height: 23px;
}

.colorator .colorselect:hover, .colorator .colorselectselected
{
  cursor: pointer;
  border: 1px solid rgb(204,0,0);
}

.colorator #coloratorselector
{
  margin-top: 10px;
}
.colorator .tabContent
{
    border-top: 1px solid #CC0000;
    background-image: none;
}
#coloratorview
{
  width: 680px;
  height: 329px;
  overflow: hidden;
}

#coloratorview img.top,
.content .c911 #coloratorview img.top
{
  position: absolute;
  left: 74px;
  top: 0;
}

#coloratorview img.rearwheel,
.content .c911 #coloratorview img.rearwheel
{
  position: absolute;
  left: 58px;
  top: 94px;
}

#coloratorview img.frontwheel,
.content .c911 #coloratorview img.frontwheel
{
  position: absolute;
  left: 327px;
  top: 104px;
}

.content .c9114 #coloratorview img.top
{
  position: absolute;
  left: 74px;
  top: 0;
}

.content .c911Ta4 #coloratorview img.top
{
  position: absolute;
  left: 67px;
  top: 0;
}

.content .c9114 #coloratorview img.rearwheel,
.content .c911Ta4 #coloratorview img.rearwheel
{
  position: absolute;
  left: 57px;
  top: 94px;
}

.content .c9114 #coloratorview img.frontwheel,
.content .c911Ta4 #coloratorview img.frontwheel
{
  position: absolute;
  left: 327px;
  top: 104px;
}

.content .c911Tu #coloratorview img.top
{
  position: absolute;
  left: 90px;
  top: 0;
}

.content .c911Tu #coloratorview img.rearwheel,
.content .c911TuCab #coloratorview img.rearwheel
{
  position: absolute;
  left: 56px;
  top: 94px;
}

.content .c911Tu #coloratorview img.frontwheel
{
  position: absolute;
  left: 327px;
  top: 103px;
}

/* 911 GT2 */
.content .c997840 #coloratorview img.top
{
  left: 91px;
}

.content .c997840 #coloratorview img.frontwheel,
.content .c997840 #coloratorview img.rearwheel
{
  visibility: hidden;
  display: none;
  border: 1px solid red;
}

/* CAYENNE */
.content .ccayenne #coloratorview img.top
{
  left: 57px;
  top: 14px;
}

.content .ccayenne #coloratorview img.frontwheel
{
  left: 361px;
  top: 144px;
}

.content .ccayenne #coloratorview img.rearwheel
{
  left: 53px;
  top: 127px;
}

.content .c9PAAK1 #coloratorview img.top
{
  left: 64px;
  top: 22px;
}

.content .c9PAAK1 #coloratorview img.frontwheel
{
  left: 364px;
  top: 149px;
}

.content .c9PAAK1 #coloratorview img.rearwheel
{
  left: 64px;
  top: 136px;
}

/* CAYENNE MJ08 */
.content .ccayenne08 #coloratorview img.top
{
  left: 68px;
  top: 21px;
}

.content .ccayenne08 #coloratorview img.frontwheel
{
  left: 361px;
  top: 146px;
}

.content .ccayenne08 #coloratorview img.rearwheel
{
  left: 60px;
  top: 132px;
}

/* Boxster / Cayman */

.content .cboxster #coloratorview img.frontwheel,
.content .ccayman #coloratorview img.frontwheel
{
  left: 326px;
  top: 105px;
}

.content .cboxster #coloratorview img.rearwheel,
.content .ccayman #coloratorview img.rearwheel
{
  left: 51px;
  top: 96px;
}

.content .ccayman #coloratorview img.top
{
  left: 126px;
  top: 5px;
}

.content .cboxster #coloratorview img.top
{
  left: 118px;
  top: 5px;
}

.content .c911Cab #coloratorview img.top,
.content .c911TuCab #coloratorview img.top
{
  left: 73px;
  top: 0;
}

.colorsExterior
{
  height: 210px;
}

.colorsInterior
{
  height: 80px;
}

.colorsInterior .category p, .colorsExterior .category p
{
  margin-bottom: 0px; /*4px;*/
  font-weight: normal;
  padding-top: 13px;
  padding-left: 8px;
}
.colorsInterior .category p
{
  padding-left:9px;
}
.colorsExterior .AA3 p
{
	padding-top: 11px;
}

.colorsInterior .category, .colorsExterior .category
{
  display: inline;  
  font-size: 11px;
  font-weight: bold;
  width: auto; /*170px;*/
  float: left;
  margin-right: 39px;
  margin-top: 5px;
}

.colorsExterior .AA3
{
  width: 100%;
}

/* GT3RS has too few items, so we put them on the same line.*/
.c997850 .colorsExterior .category
{
    width: auto !important;
}

.c997850 #coloratorselector .cclink
{
    /* top: 12px; */
}

.colorsExterior .AR, .colorsExterior .ARVis, .colorsExterior .AK
{
  width: 100%;
  margin-top: 10px;
}
.colorsExterior .AR p, .colorsExterior .ARVis p
{
	padding-top: 11px;
}
.colorsExterior .AR li img, .colorsExterior .ARVis li img
{
	width: 31px;
	height: 31px;
}

.category ul.categoryselection
{
  font-size: 13px;
  list-style-type: none;
  margin: 0;
  padding: 0px 0px 0px 3px;
  height: auto; 
}
.colorsInterior .category ul.categoryselection
{
	padding-left: 5px;
}
.category ul.categoryselection li
{
    line-height: 0;
    float: left;
    margin: 0;
    margin-right: 2px;
    padding: 0;
    width: 35px;
    height: 27px;
}

.category.AR ul.categoryselection li,
.category.ARVis ul.categoryselection li
{
    height: 35px;
}


#cclink
{
  display: block;
  text-align: right;
}

#coloratorselector .cclink
{
    position: relative;
    clear: both;
    top: 16px;
    left: 406px;
}

#coloratorselector .cclink #flashbutton
{
	padding-top: 9px;
	height: 24px; 
	background-color: transparent; 
	z-index: 3; 
	text-align: right; 
	width: 173px;
}


#colorator_blocker {
    position:absolute;
    top: 294px;
    width: 20px;
    height: 20px;
    background-color: #fff;
    z-index:10;    
}



/**************************/
#coloratorview
{
	text-align:left;
}
#flash
{
}

.colorator #coloratorselector 
{
	margin-top: 15px;
}
body .colorator
{
	width: auto;
	margin-top:-332px;
}
.infotext 
{
	background-color:#FFFFFF;
	border:1px solid black;
	display:none;
	font-family:arial,sans-serif;
	font-size:10px;
	left:0;
	line-height:normal;
	padding:4px;
	position:absolute;
	text-align:left;
	top:0;
	white-space:nowrap;
	z-index:1337;
}

.colorsInterior .category, .colorsExterior .category
{
	margin-top: 0px;
}

.nooptionsavailable
{
    padding: 12px 10px;
}

.gui 
{
    position:absolute;
    left: -10px;
    top: 0; 
    width: 744px;
    height: 320px;   
}

.gui .arrows
{
    position: absolute;
    width: 100%;
    left: 0;
    top: 105px;
    display: none;
}

.gui .arrows a
{
    position: absolute;
    width: 47px;
    height: 55px;
    overflow: hidden;
    display: block;
    background-color: Transparent;
    background-position: top left;
}
.gui .arrows a:hover
{
    background-position: -47px top;
}

.gui .arrows a.rear
{
    left: 0px;
    background-image: url(/images/colorconfigurator/gui/arrowleft.gif);
}

.gui .arrows a.front
{
    right: 0px;
    background-image: url(/images/colorconfigurator/gui/arrowright.gif);
}


.gui .buttons_low
{
    position: absolute;    
    right: 0px;
    top: 268px;
    height: 23px;    
}

.gui .buttons_low *
{
    float: left;
    position: relative;
    top: 0;
        
}

.gui .buttons_low .softtop
{
    width: 80px;
    height: 100%;
    display: none;
}

.gui .buttons_low .softtop a
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    color: #666666;
}

.gui .buttons_low .guihover a
{
    color: #666666;
}


.gui .buttons_low .softtop a.off
{
    display: none;
}

.gui .buttons_low .softtop .pre
{
    width: 1px;
    height: 100%;
    background-image: url(/images/colorconfigurator/gui/softtop_pre.gif);
    background-repeat: no-repeat;
}

.gui .buttons_low .softtop.hover .pre
{
    background-image: url(/images/colorconfigurator/gui/softtop_pre_hover.gif);
}

.gui .buttons_low .softtop .mid
{
    width: 79px;
    height: 100%;
    background-image: url(/images/colorconfigurator/gui/softtop_mid.gif);
    background-repeat: repeat-x;
}
.gui .buttons_low .softtop.hover .mid
{
    background-image: url(/images/colorconfigurator/gui/softtop_mid_hover.gif);
}

.gui .buttons_low .spacer
{
    display: none;
    width: 1px;
    height: 100%;
    background-image: url(/images/colorconfigurator/gui/button_spacer.gif);
    background-repeat: no-repeat;           
}
.guihover 
{
    cursor: pointer;
}


.gui a.zoom .zoom_normal
{
    display: block;
}
.gui a.zoom .zoom_hover
{
    display: none;
}
.gui a.zoom:hover .zoom_normal
{
    display: none;    
}
.gui a.zoom:hover .zoom_hover
{
    display: block;    
}

p.modelnotice
{
    display: block;
    margin: 16px 0;       
}