/* root element for scrollable */
.vertical {  
	/* required settings */
	position:relative;
	overflow:hidden;	
	height: 310px;	 
	text-align:center;
	clear:left;
}

.lblTextBold {
    font-weight:bold;
}

/* root element for scrollable items */
.items {	
	position:relative;
	height:20000em;	
	margin: 0 auto;
}

/* single scrollable item */
.item {
	color: #333333;
    font-size: 0.8em;
    font-weight: normal;
    height: 52px;
    margin: 0 auto;
    padding: 0 0 0 2px;
}

.galleryThumbs {
    width:100%;
}

.galleryThumbs td {
    width:20%;
    vertical-align:top;
    font-size:.7em;
    font-family:Arial;
    color:#666;
    text-align:center;    
}


.galleryThumbs td img {
    width:100px;
}

.galleryThumbs a {
     text-decoration:none;
}
/* elements inside single item */
.item img {
	margin:0 auto;
	margin-bottom:0px;
	border:0;
}


.productGalleryRow div {
    float:left;
}


.productGalleryRow {
    width:620px;
    text-align:center;
    margin-left:10px;
}
/* single scrollable item */
.itemDisabled {
	color: #333333;
    font-size: 0.8em;
    font-weight: normal;
    height: 52px;
    margin: 0 auto;
    padding: 0 0 0 2px;
}

/* elements inside single item */
.itemDisabled img {
	margin:0 auto;
	opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
	margin-bottom:0px;
	border:0;
}

.itemWrapper {
    float:left;
    text-align:center;
    font-family:Arial;
    font-size:1em;
    width:48px;
    height:48px;
    overflow:hidden;
    margin:2px 2px;
}

 .dcDisclaimer {
    color:#ddd; float:right; font-size:12px; font-family:Arial;
}   

.item h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

/* the action buttons above the scrollable */
#actions, #backingActions {
	
	font-family:Arial, Helvetica, sans-serif;	
	background-color:#fff;
	padding-top:5px;
	border:solid 1px #fff;
	height:16px;
	margin-bottom:3px;
}

#actions a,  #backingActions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
	font-weight:bold;
}

#actions img,  #backingActions img
{
    float:left;
}

#actions a:hover,  #backingActions a:hover {
	text-decoration:underline;
	color:#ccc;
}

.disabled {
	visibility:hidden;		
}

.next {
	
	margin-right:8px;
}


}	

.prev {
    padding-left:3px;
   
    margin-left:8px;
}
    
#imageBox {
	text-align:center;
	float:left;
	position:relative;
	margin-top:0px;
	height:380px;
	width:630px;	
}

#fabricDiv {
	top:0;
	left:0;
	position:absolute;
	text-align:center;
	z-index:200;
	}

#weltDiv {
	top:0;
	left:0;
	position:absolute;
	text-align:center;
	z-index:245;
	}

#frameDiv {	
	top:0;
	left:0;
	position:absolute;
	text-align:center;
	z-index:250;
	}	
	
#bowlDiv {	
	top:0;
	left:0;
	position:absolute;
	text-align:center;
	z-index:260;
	}	
	

#backingDiv {	
	top:0;
	left:0;
	position:absolute;
	text-align:center;
	z-index:240;
}				
		
#productList {
	width:600px;
	float:left;
}

.galleryText {
    font-family:Arial;
    font-size:.8em;
}

.thinLine {
    height:1px;
    background-color:#ccc;
    margin:5px 0px;
    width:100%;
    z-index:300;
    position:relative;
    top:0px;  
}

.emptyCell {
     border-left:solid 0px #fff;
     border-right:solid 0px #fff;  
}

.collectionTitle {
    float:left;
}

#printLink, #jpgLink, #saveLink {
    float:right;
    padding-left:22px;
   
    margin-left:10px;
    cursor:pointer;
    font-weight:bold;
    color:#fff;
}


   

#saveLink a, #jpgLink a, #printLink a {
    text-decoration:none;
    font-weight:bold;
    color:#fff;
}

#saveLink:hover, #printLink:hover, #jpgLink:hover {
    text-decoration:underline;
}

#materialsInfo 
{
    text-align:right;
}

#fabricNameKey, #frameNameKey, #panelNameKey, #bowlNameKey, #backNameKey {
    font-family:Arial;
    font-size:.9em;
    font-weight:bold;
    margin-left:5px;
    padding-right:0px;
    margin-right:3px;
    color:#333;
    display:inline;
}

#fabricNameValue , #frameNameValue, #panelNameValue, #bowlNameValue, #backNameValue {
    font-family:Arial;
    font-size:.9em;
    padding-left:0px;
    margin-top:0px;
    display:inline;
    padding-right:0px;
    margin-left:0px;
    color:#333;
}

.frameLink img {
    width:65px;
    height:59px;
} 


  .notes 
  {
      font-family:Arial;
      font-size:.7em;
      color:#666;
      font-style:italic;
  }