/* CSS Document */

body
{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }

h2.rwProductHeadings
{ font-size: 16px; font-weight: 900; margin: 0px; padding: 2px 0px 2px 0px; color: #FF6600; }

/* 				*/	
/* container  	*/
/* 				*/	

#rwProductContainer
{
	width: 700px;
	height: auto;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

/* 					*/	
/* Title and price 	*/
/* 					*/	

#rwTitlePrice { float: left; width: 700px; height: 30px; border: solid; border-color: #FF6600; border-width: 0px 0px 1px 0px; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; vertical-align: bottom; }

		.rwTitle { float: left; width: 500px; height: 26px; padding: 10px 0px 0px 0px; font-size: 20px; color: #FF6600; }
		.rwPrice { float: left; width: 200px; height: 30px; padding: 0px; text-align: right; font-size: 30px; color: #CC0000; vertical-align: bottom; }

/* 											*/	
/* Top Bookmark quantity and buy layout 	*/
/* 											*/	

#rwTopBookmarkQuantityBUY { float: left; width: 700px; height: 14px; border: 0px solid #ff6600; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; vertical-align: bottom; }
		
		.rwTopQuantity { float: left; width: 180px; height: 18px; margin: 0px; padding: 4px 0px 0px 0px; }
		.rwTopBUY { float: left; width: 68px; margin: 0px 0px 0px 20px; padding: 1px 0px 0px 0px; font-size : 13px; background-color: #FF6600; color: #fff; word-spacing: normal; border: solid; border-color: #666666; border-width: 1px; text-align: center; }
		.rwTopBUY:hover { background-color: #444; }
		.rwTopBookmark { float: left; width: 430px; margin: 4px 0px 0px 0px; text-align: left;}		
	
/* 				*/	
/* left column  */
/* 				*/		
		
#rwLeft { float: left; width: 430px; padding: 0px; margin: 0px; }

#rwLeftIMAGE { float: left; max-width: 430px; padding: 0px; margin: 0px; }

		.rwMainImage { position: relative; height: 268px; border: 1px solid #666; margin: 0px; padding: 0px; text-align: center; overflow: hidden; }
		
		.rwMainImageNoThumbnails { position: relative; height: auto; border: 1px solid #666; margin: 0px; padding: 0px; text-align: center; overflow: hidden; }
		
		.rwMainImageAttributes { height: 268px; border: none; }
		
		#rwZoom { position: absolute; bottom: 0px; right: 0px; width: 41px; height: 41px; margin: 0px; padding: 0px; background-image: url('rwzoom.png'); z-index: 100; }
		#rwIcon { position: absolute; top: 8px; right: 5px; width: 84px; height: 84px; margin: 0px; padding: 0px; background-image: url('price-promise.png'); z-index: 100; }

/* 				*/
/* right column */
/* 				*/

#rwRight { float: left; width: 270px; height: auto; padding: 0px; margin: 0px; }


#rwRightTop { float: left; width: 270px; height: 130px; padding: 0px; margin: 0px; }

#rwRightTopNoThumbs { float: left; width: 270px; height: 270px; padding: 0px; margin: 0px; }

/* if 4 thumbnails use this layout */
#rwRightTopLeft { float: left; width: 130px; height: 130px; padding: 0px; margin: 0px 10px 0px 0px; }
#rwRightTopRight { float: left; width: 130px; height: 130px; padding: 0px; margin: 0px 0px 0px 0px; }

			.rwQuantity { float: left; width: 180px; height: 18px; margin: 0px; padding: 4px 0px 0px 0px; }
			.rwBUYDiv { float: left; margin: 0px 0px 0px 20px; }
			.rwBUYTopDiv { float: left; margin: 0px 0px 0px 20px; }
			.rwBUY { float: left; width: 68px; margin: 0px; padding: 1px 0px 0px 0px; font-size : 13px; background-color: #FF6600; color: #fff; word-spacing: normal; border: solid; border-color: #666666; border-width: 1px; text-align: center; }
			.rwBUY:hover { background-color: #444; }
			.rwBookmark { float: left; width: 270px; margin: 10px 0px 0px 0px; text-align: right;}
			
			#rwOptions { float: left; width: 100%; margin: 0px 0px 0px 0px; text-align: left;}


#rwRightBottomLeft { float: left; width: 130px; height: 130px; padding: 0px; margin: 10px 10px 0px 0px; }
#rwRightBottomRight { float: left; width: 130px; height: 130px; padding: 0px; margin: 10px 0px 0px 0px; }

			.rwThumbnailImage { position: relative; width: 128px; height: 128px; padding: 0px; margin: 0px; border: 1px solid #666; overflow: hidden; }
			
			.rwThumbnailImageAttributes { height: 128px; border: none; }
			
			.rwThumbnailZoom { position: absolute; bottom: 0px; right: 0px; width: 21px; height: 21px; margin: 0px; padding: 0px; background-image: url('rwthumbnailzoom.png'); z-index: 100; }


#rwRightTall { float: left; width: 270px; height: 270px; padding: 0px; margin: 0px; }

			


/* 				*/	
/* tab info		*/
/* 				*/	


#rwTABS { float: left; width: 700px; margin: 10px 0px 0px 0px; }


/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 8px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 8px 14px;
margin-right: 3px;
border: 1px solid #666;
color: #fff;
background: white url('shade.gif') top left repeat-x;

-moz-border-radius-topleft: 15px; -webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px; -webkit-border-top-right-radius: 15px;
	border-radius: 15px 15px 0 0;	
}

.shadetabs li a:visited{
color: #fff;
}

.shadetabs li a:hover{
text-decoration: none;
color: #000;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url('shadeactive.gif');
border-bottom-color: white;
color: #000;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
min-height: 205px;
}

@media print {
.tabcontent {
display:block !important;
}
}


/* 				*/	
/* link styles  */
/* 				*/	

a.rwImageLinks { display: block; width: 100%; height: 100%; color : #fff; z-index: 150; border: none; text-decoration: none; }

a.rwImageLinks:hover, a.rwImageLinks:focus, a.rwImageLinks:active { z-index: 150; border: none; text-decoration: none;} 
