﻿#guiProductView
	{
		margin: 0 auto;
		text-align: left;
		background-color: #fff;
		width: 847px;
		padding: 24px;
		overflow: auto;
	}
	#guiProductView label
		{
			float: left; 
			width: 70px;
			font-size: 12px;
		}
	#guiProductView .container
		{
			width: 440px;
			border: solid 1px #e1e1e1;
			margin-bottom: 10px;
			-moz-border-radius: 3px; /* HACK */
		}
		
	#guiProductView .productInfo
		{
			float: right;
			width: 368px;
			padding: 10px;
			background-color: #ededed;
		}
		
	#guiProductView .productInfoSolid
		{
			float: right;
			width: 368px;
			padding: 10px;
			background-color: #ededed;
		}	
		
		#guiProductView .productInfo .details
			{
				background-color: #fff;
				border: solid 1px #e1e1e1;
				padding: 20px;
				width:326px;
				margin-bottom:20px;
				height:286px;
			}
			
		#guiProductView .productInfo .details .ProductBrand 
			{
				float: left;
				color: #a1a1a1;
			}
			
		#guiProductView .productInfo .details .productRating
			{
				float: right;
				margin:0px;
				padding:0px;
			}
		#guiProductView .productInfo .details #review .productRating
			{
				float: left;
			}
		#guiProductView .productInfo .details #review .productRating li 
			{
				width: 15px;
			}
		#guiProductView .productInfo .details #review .productRating li img
			{
				width: 10px;
				height: 10px;
			}
			
		#guiProductView .productInfo .details .tab
			{
				font-size:12px;
			}
			
	#guiProductView .recommended
		{
			clear:both;
			width: 100%;
		}
		
		#guiProductView .recommended .header
		{
			color: #003366;
			font-weight: bold;
			background-color: #ededed;
			height: 25px;
			padding-left: 10px;
		}
		
		#guiProductView .recommended .productList tr td
			{
				width: 160px;
				vertical-align: top;
				padding-right: 10px;
				padding-top: 5px;
			}
			
		#guiProductView .recommended .productList p
			{
				margin-top: 20px;
				margin-bottom: 10px;
				padding-left: 10px;
				padding-right: 10px;
				height: 30px;
				overflow: hidden;
			}
		
		#guiProductView .recommended .productPrice
			{ 
				font-size: 14px;
				float: left;
				padding-left: 10px;
			}	
		#guiProductView .recommended .buy
			{
				float: right;
				padding-right: 10px;
				display: none;
			}
		#guiProductView .recommended .options a
			{
				text-decoration: underline;
			}
			
		#guiProductView .recommended .options 
			{
				position: relative;
			}
				
		#guiProductView .recommended .options .productPopup 
			{
				background:url("/ModuleCommon/images/box_bg.png") no-repeat scroll left top transparent;
				display:none;
				height:165px;
				left:0;
				padding-left:10px;
				padding-right:10px;
				padding-top:10px;
				position:absolute;
				text-align:left;
				top:-170px;
				width:300px;
				z-index:100;
			}
			
		#guiProductView .recommended .options:hover .productPopup
			{
				display: block;
			}
			
		#guiProductView .recommended .options .productPopup p
			{
				width: 180px;
				position: absolute;
				left:120px;
				top:0px;
				display:inline-table;
				height:140px;
				overflow:hidden;
			}
			
		#guiProductView .recommended .options .productPopup .popupButton 
			{
				bottom:25px;
				left:30px;
				position:absolute;
			}
			
		#guiProductView .recommended .options .productPopup .popupImage 
			{
				position:absolute;
				top:14px;
			}
			
		#guiProductView .recommended .options .productPopup .popupProductName
			{
				font-weight:bold;
			}
			
		#guiProductView .recommended .options .productPopup .popupArrow 
			{
				bottom:-1px;
				position:absolute;
				left:45px;
			}
					
		#guiProductView .recommended .options .productPopup2 
			{
				background:url("/ModuleCommon/images/box_bg.png") no-repeat scroll left top transparent;
				display:none;
				height:165px;
				right:0px;
				padding-left:10px;
				padding-right:10px;
				padding-top:10px;
				position:absolute;
				text-align:left;
				top:-170px;
				width:300px;
				z-index:100;
			}
			
		#guiProductView .recommended .options:hover .productPopup2
			{
				display: block;
			}
			
		#guiProductView .recommended .options .productPopup2 p
			{
				width: 180px;
				position: absolute;
				left:120px;
				top:0px;
				display:inline-table;
				height:140px;
				overflow:hidden;
			}
			
		#guiProductView .recommended .options .productPopup2 .popupButton 
			{
				bottom:25px;
				left:30px;
				position:absolute;
			}
			
		#guiProductView .recommended .options .productPopup2 .popupImage 
			{
				position:absolute;
				top:14px;
			}
			
		#guiProductView .recommended .options .productPopup2 .popupProductName
			{
				font-weight:bold;
			}
			
		#guiProductView .recommended .options .productPopup2 .popupArrow 
			{
				bottom:-1px;
				position:absolute;
				right:90px;
			}
					
/* TabLinks */
#tabLinks
	{
		margin: 10px 0;
		background: url('../images/tabLinksBg.png') repeat-x;
		float:left;
		width:100%;
	}
	#tabLinks li
		{

			float:left;
			line-height:18px;
		}
		
		#tabLinks li.right
			{
				float:right;
			}
		
	#tabLinks li.selectedTab
		{
			background: url('../images/tabLinksBg_on.png') repeat-x;
		}
		#tabLinks li *
			{
				vertical-align: middle;
			}
		#tabLinks li a
			{
				display: inline-block;
				padding: 0 16px;
				color: #fff;
			}
			
/* Options list */
#guiProductView .productInfo .details .options
	{	
		position:absolute;
		bottom:0px;		
		left:0px;
	}
	#guiProductView .productInfo .details .options li
		{
			float: left;
		}
	#guiProductView .productInfo .details .options li.sep
		{
			width: 25px;
			background: url('../images/productOptionsSep.png') no-repeat center center;
		}
	#guiProductView .productInfo .details .options li img
		{			
			float: left;
			margin-right: 10px;
		}
	#guiProductView .productInfo .details .options li a
		{			
			height: 17px;
			line-height: 17px;
		}
	#guiProductView .productInfo .details h1
		{
			font-size: 20px;
			margin: 0px;
			padding: 0px;
		}
	#guiProductView .productInfo .details p
		{
			margin-bottom: 15px;
		}
	#guiProductView .productInfo .details .tab
		{
			display: none;
			height: 196px;
			overflow: auto;
		}
	#guiProductView .productInfo .details .active
		{
			display: block;
		}
		#guiProductView .productInfo .details .text
		{
		    padding-bottom:20px;
		}
		#guiProductView .productInfo label
			{
				font-size: 12px;
			}
		#guiProductView .productInfo hr
			{
				height: 2px;
				border-top: solid 1px #e1e1e1;
				border-bottom: solid 1px #fff;
				width: 100%;
				margin:0;
				margin:0px 0 0px 0;
				font-size:1px;
				line-height:1px;
			}
			
		#guiProductView .productInfo .HorizontalDivider
			{
				height: 2px;
				font-size: 1px;
				background: url(../images/bg_horizontal_div.gif) left center repeat-x;
				margin: 10px 0 10px 0;
			}
			
		#buy label
			{
				display: block;
			}
		#buy select
			{
				width: 100px;
			}		
		#buy .productSize
			{
				overflow: auto;
			}
			#buy .productSize li
				{
					float: left;
					padding: 3px;
				}
			#buy .productSize li.selected
				{
					background: url('../images/sizeSelectedBg.png') no-repeat;
				}
				#buy .productSize li a
					{
						display: block;
						background: url('../images/sizeBg.png') no-repeat;
						color: #fff;
						height: 17px;
						width: 32px;
						text-align: center;
						line-height: 17px;
						text-decoration: none;
					}
		#buy .productColors
			{
				overflow: auto;
			}
			#buy .productColors li
				{
					float: left;
					padding: 3px;
				}
			#buy .productColors li.selected
				{
					background: url('../images/colorSelectedBg.png') no-repeat;
				}
				#buy .productColors li a
					{
						height: 17px;
						width: 17px;
						text-decoration: none;
					}
		#buy .buyInput
			{

				width: 366px;
			}
			#buy .buyInput li
				{

					font-size: 11px;
					width: 122px;
					float:left;
				}
			#buy .buyInput li *
				{
					vertical-align: middle;
				}
			#buy .buyInput li.productPrice
				{
					text-align: center;
					font-size: 30px;
				}
			#buy .buyInput li.action
				{
					text-align: right;
				}
			#buy .buyInput li label
				{
					display: inline;
				}
			#buy .buyInput li input.quantity
				{
					width: 35px;
					border: solid 1px #e2e3ea;
					border-top: solid 1px #abadb3;
				}
	#guiProductView .internetPrice
		{
			background-color: #AECF26;
			padding-right: 20px;
			padding-left: 20px;
			padding-bottom: 2px;
			padding-top: 2px;
			font-weight: bold;
			color: White;
			font-size: 16pt;
			position: absolute;
			margin-left: 50px;
		}
	#guiProductView .productImage
		{
			position: relative;
			text-align: center;
			padding: 20px 0;
			height: 297px;
			overflow: hidden;
			margin-bottom:0px;
		}
	#guiProductView .productImage.recommendations
		{
			height: auto;
		}
	#guiProductView .productOptions
		{
			
		}
		#guiProductView .productOptions ul
			{
				overflow: auto;
			}
			#guiProductView .productOptions ul li
				{
					width: 137px;
					float: left;
					height: 60px;
					text-align: center;
				}
				#guiProductView .productOptions ul li img
					{
						margin-top: 20px;
					}
				#guiProductView .productOptions ul li.sep
					{
						width: 1px;
						background: url('../images/iconSep.png') no-repeat center 29px;
					}
				#guiProductView .productOptions ul li.first
					{
						width: 65px;
						border-right: solid 1px #e1e1e1;
					}
				#guiProductView .productOptions ul li.last
					{
						width: 65px;
						border-left: solid 1px #e1e1e1;
					}
				#guiProductView .guiHeader
				{
					text-align:right;	
					width:847px;	
					height:20px;
					background-image: url('../images/boxHeaderBg_31x20_Green.png');
					background-repeat: repeat-x;
					margin-bottom:0px;
				}
				#guiProductView .guiHeader h2 
				{
					height: 20px;
					line-height: 20px;	    
					color: #fff;
					text-align: left;
					text-transform: uppercase;
					font-style: normal;
					font-size:14px;	    
					width:560px;
					float:left;
					padding-left:5px;
				}
		
#addReview
	{
		margin: 15px 0 0 0;
		display: none;
		height: 250px;
	}
	
	
	#guiProductView .packageItem
			{
				margin-bottom:25px;
			}
			
			#guiProductView .packageItem .top
				{
					background:url(../images/largebox_bg_top_full.gif) top left no-repeat;
					height:32px;
					line-height:32px;
					padding-left:20px;
				}
				
				#guiProductView .packageItem h2, #guiProductView .packageItem h3
					{
						font-size:12px;
						font-weight:bold;
						color:#003366;
					}

			#guiProductView .packageItem .content
				{
					background:url(../images/largebox_bg_content.gif) bottom left no-repeat;
					padding-bottom:10px;
				}
				
			#guiProductView .packageItem .details
				{
					padding:20px;
				}
				
			#guiProductView .packageItem img
				{
					border:solid 1px #e1e1e1;
					float:left;
					margin-right: 10px;
				}
				
			#guiProductView .packageItem h3
				{	
				}
				
			#guiProductView .packageItem p
				{
				}
				
			#guiProductView .packageItem .typeSelect
				{
					background-color:#ededed;
					margin:0 1px 3px 1px;
					padding:10px 20px 5px 20px;
					border-top:solid 1px #e1e1e1;
					border-bottom:solid 1px #e1e1e1;
				}
				
				#guiProductView .packageItem .typeSelect .title
					{
						float:left;
						width:100px;
					}
				#guiProductView .packageItem .typeSelect span input
					{
						float:left;
					}
				#guiProductView .packageItem .typeSelect span label
					{
						float:left;
						width: auto;
						margin: 0 10px 0 5px;
					}
					
				#guiProductView .packageItem .typeSelect .HelpBtn
					{
						float:right;
					}
					
					#guiProductView .packageItem .typeSelect .HelpBtn img
						{
							border:none;
						}
					
					
				#guiProductView .packageItem .typeSelect ul
					{
					}
					
					#guiProductView .packageItem .typeSelect ul li
						{
							float:left;
						}
					
						#guiProductView .packageItem .typeSelect ul li input
							{
								float:left;
								margin-right:5px;
								border:none;
							}
							
						#guiProductView .packageItem .typeSelect ul li label
							{
								width:auto;
								padding-right:30px;
							}
							
	#guiProductView #bottomNav
		{
			text-align:right;
			padding-bottom:10px;
			border-bottom:solid 4px #000;
		}
	#guiProductView #bottomNav .productPrice
		{
			margin-right: 40px;
			font-size: 30px;
		}
		
/* Product attributes */
table.productAttributes
    {
        width: 100%;
    }
    table.productAttributes td.key
        {
            font-weight: bold;
            width: 50%;
        }	
        
/* PackageProduct list */
#guiProductView .packageProducts h3
	{
		margin: 5px 10px;
	}		
#guiProductView .smallProductPackageList
    {
        
    }
    #guiProductView .smallProductPackageList td
        {
            /*width: 184px;*/
            padding: 5px 10px;
        }
    #guiProductView .smallProductPackageList td .productImage
        {
            padding: 0;
            margin: 0 10px 0 0;
            float: left;
        }
    #guiProductView .smallProductPackageList td .productTitle
        {
            font-size: 12px;
            font-weight: bold;
        }
    #guiProductView .smallProductPackageList td .productPrice
        {
            float: right;
            color: #ec520f;
            font-weight: bold;
        }
		
/* MiniBasket */
#miniBasket
    {
        position: absolute;
        width: 190px;
        background: #9ab729;
        padding: 10px;
        top: 21px;
        right: 15px;
        z-index: 101;
    }
    #miniBasket li
        { 
            background: #fff;
            border: solid 1px #90aa23;
            border-top: 0;
            padding: 10px;
            font-size: 10px;
            line-height: 14px;
        }    
        #miniBasket li.header
        { 
            background: #ededed;
            border-top: solid 1px #90aa23;
            position: relative;
        }    
        #miniBasket li.header img.closeMiniBasket
        { 
            position: absolute;
            top: 5px;
            right: 10px;
        }    
        #miniBasket li.header h3
        { 
            color: #00306b;
            font-size: 10px;
            text-transform: uppercase;
        }    
        #miniBasket li.footer
        { 
            background: #ededed;
            color: #00306b;
            font-size: 10px;
            text-transform: uppercase;
        }
        #miniBasket li.footer .productPrice
        { 
            float: right;
        }
        #miniBasket li.footer img
        {
            display: block;
            margin: 0 auto;
            margin-top: 5px;
        }
#miniBasket img.productThumb
    {
        float: left;
        margin: 0 5px 2px 0;
        border: solid 1px #b2b2b2;
    }
#miniBasket span.productTitle
    {
        display: block;
        color: #00306b;
        text-transform: uppercase;
    }
#miniBasket span.productPrice
    {
        font-weight: bold;
        color: #ed500b;
    }
#miniBasket span.totalPrice
    {
        float: right;
        font-weight: bold;
        color: #ed500b;
    }

/* Image gallery */
#guiProductView .imageGallery
	{
	    width: 100%;
	}
    #guiProductView .imageGallery td
	    {
	        width: 68px;
	        text-align: center;
	        padding: 10px 0;
	    }
	    #guiProductView .productThumbs 
			{
				border: 1px solid #FFFFFF;
				margin-top:0px;
			}
			#guiProductView .productThumbs td
				{
					border: 1px solid #E1E1E1;
				}
			#guiProductView .productThumbs li
				{
					width: 57px;
					float: left;
					padding: 5px;
					text-align: center;
					border-left: solid 1px #e1e1e1;
				}
				#guiProductView .productThumbs li img
					{
						max-width: 57px;
					}
			#guiProductView .productThumbs li.first
				{
					border: 0;
				}